Start generating
330C20

#330C20 closest to Vienna Roast

#330C20 is a very dark, muted red; the closest named color is Vienna Roast. In the RGB color model it is made of 20.0% red, 4.7% green and 12.5% blue (rgb(51, 12, 32)). Its HSL value is 329° hue, 62% saturation and 12% lightness, and in CMYK it is 0% cyan, 76% magenta, 37% yellow and 80% black. #330C20 is a warm color. White text reads best on it, with a contrast ratio of 17.30:1.

Make a palette with #330C20

#330C20 color conversion

HEX
RGB
HSL
HSB / HSV
HWB
CMYK
XYZ
CIELAB
CIELCh
CIELUV
OKLCH

Variations of #330C20

Shades

Mixed with black: richer and darker.

330C202B091A2306151C040F14030A0D0206070103030001010000000000

Tints

Mixed with white: lighter and softer.

330C204621335A37466D4D5B816570967D87AA959EBFAFB5D4C9CDE9E4E6

Tones

Mixed with gray: calmer and more muted.

330C203B18294323314B2E3B5339445B444D6250576A5C6171676B797476

Hues

The same lightness and chroma, rotated around the color wheel.

2313372711332B102F2E0E2B310D25330C20350B1A360B14360C0E360D06350F01

Temperatures

Cooler on the left, warmer on the right.

3A2549392041381B38361730351228330C203A1122421624491B25512027592428

#330C20 color harmonies

Complementary

The opposite hue — maximum contrast and energy.

330C200C331F
Open in generator →

Split complementary

The two hues next to the complement — contrast with less tension.

330C200D330C0C3333
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

330C20330C33330C0C
Open in generator →

Triadic

Three hues evenly spaced at 120° — vibrant yet balanced.

330C2020330C0C2033
Open in generator →

Tetradic

Two complementary pairs — rich, best with one dominant color.

330C20331F0C0C331F0C2033
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

330C2033330C0C331F0C0C33
Open in generator →

#330C20 for color-blind viewers (and dogs)

How #330C20 appears with each type of color vision deficiency (Machado 2009 model) — and to your dog. Try the dog vision simulator →

  • Dog vision 87% similarHow dogs see it · simulated as #1D1D1F
  • Protanopia 85% similar1.3% of men, 0.02% of women · simulated as #121621
  • Protanomaly 90% similar1.3% of men, 0.02% of women · simulated as #1F1520
  • Deuteranopia 87% similar1.2% of men, 0.01% of women · simulated as #1D1D1F
  • Deuteranomaly 91% similar5% of men, 0.35% of women · simulated as #25181F
  • Tritanopia 95% similar0.001% of men, 0.03% of women · simulated as #370A14
  • Tritanomaly 98% similar0.0001% of men, 0.0001% of women · simulated as #350B1B
  • Achromatopsia 86% similar0.003% of men, 0.003% of women · simulated as #1B1B1B
  • Achromatomaly 90% similar0.001% of men, 0.001% of women · simulated as #22181C

#330C20 contrast checker

AaThe quick brown fox jumps over the lazy dog.
17.30:1 Super#330C20 text on white
AA normalPassAAA normalPass
AA largePassAAA largePass
AaThe quick brown fox jumps over the lazy dog.
1.21:1 Very poor#330C20 text on black
AA normalFailAAA normalFail
AA largeFailAAA largeFail

Need another background? Pick any pair in the palette generator and open the contrast panel.

Colors similar to #330C20

Palettes with #330C20

#330C20 in CSS

/* Vienna Roast */
.color { color: #330C20; }
.background { background-color: #330C20; }
.border { border: 1px solid #330C20; }

/* Other notations */
color: rgb(51 12 32);
color: hsl(329 62% 12%);
color: oklch(0.229 0.068 352.0);

#330C20 FAQ

What color is #330C20?

#330C20 is a very dark, muted red. Its closest named color is Vienna Roast. It belongs to the red color family and is a warm color.

What is the RGB value of #330C20?

#330C20 is rgb(51, 12, 32) in RGB, hsl(329, 62%, 12%) in HSL and cmyk(0%, 76%, 37%, 80%) in CMYK.

What is the complementary color of #330C20?

The complementary color of #330C20 is #0C331F, which sits opposite it on the color wheel.

Which text color works on #330C20?

White text has the best contrast on #330C20: 17.30:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #330C20 a warm or cool color?

#330C20 is a warm color.