Start generating
202A2E

#202A2E closest to Cinder

#202A2E is a very dark gray; the closest named color is Cinder. In the RGB color model it is made of 12.5% red, 16.5% green and 18.0% blue (rgb(32, 42, 46)). Its HSL value is 197° hue, 18% saturation and 15% lightness, and in CMYK it is 30% cyan, 9% magenta, 0% yellow and 82% black. #202A2E is a neutral color. White text reads best on it, with a contrast ratio of 14.66:1.

Make a palette with #202A2E

#202A2E color conversion

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

Variations of #202A2E

Shades

Mixed with black: richer and darker.

202A2E1A2327151C1F0F16180A1012060A0B030506010202000101000000

Tints

Mixed with white: lighter and softer.

202A2E333C40474F535B636671787A878D8F9EA3A5B5B9BBCDD0D1E6E7E8

Tones

Mixed with gray: calmer and more muted.

202A2E293236323A3D3B4245444B4D4E5355575C5E6165666B6E6F767777

Hues

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

202B28202B291F2B2A1F2B2C1F2A2D202A2E212A2F222930232930242830262830

Temperatures

Cooler on the left, warmer on the right.

233B5622384E22344621313E212D36202A2E292E2F3132313A3632433A334B3F34

#202A2E color harmonies

Complementary

The opposite hue — maximum contrast and energy.

202A2E2E2420
Open in generator →

Split complementary

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

202A2E2E20232E2B20
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

202A2E202E2B20232E
Open in generator →

Triadic

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

202A2E2E202A2A2E20
Open in generator →

Tetradic

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

202A2E24202E2E24202A2E20
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

202A2E2B202E2E2420232E20
Open in generator →

#202A2E for color-blind viewers (and dogs)

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

  • Dog vision 98% similarHow dogs see it · simulated as #26282E
  • Protanopia 97% similar1.3% of men, 0.02% of women · simulated as #28292E
  • Protanomaly 98% similar1.3% of men, 0.02% of women · simulated as #26292E
  • Deuteranopia 98% similar1.2% of men, 0.01% of women · simulated as #26282E
  • Deuteranomaly 99% similar5% of men, 0.35% of women · simulated as #24292E
  • Tritanopia 98% similar0.001% of men, 0.03% of women · simulated as #1C2B2B
  • Tritanomaly 99% similar0.0001% of men, 0.0001% of women · simulated as #1E2B2D
  • Achromatopsia 97% similar0.003% of men, 0.003% of women · simulated as #282828
  • Achromatomaly 98% similar0.001% of men, 0.001% of women · simulated as #26292A

#202A2E contrast checker

AaThe quick brown fox jumps over the lazy dog.
14.66:1 Super#202A2E text on white
AA normalPassAAA normalPass
AA largePassAAA largePass
AaThe quick brown fox jumps over the lazy dog.
1.43:1 Very poor#202A2E 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 #202A2E

Palettes with #202A2E

#202A2E in CSS

/* Cinder */
.color { color: #202A2E; }
.background { background-color: #202A2E; }
.border { border: 1px solid #202A2E; }

/* Other notations */
color: rgb(32 42 46);
color: hsl(197 18% 15%);
color: oklch(0.277 0.016 224.2);

#202A2E FAQ

What color is #202A2E?

#202A2E is a very dark gray. Its closest named color is Cinder. It belongs to the gray color family and is a neutral color.

What is the RGB value of #202A2E?

#202A2E is rgb(32, 42, 46) in RGB, hsl(197, 18%, 15%) in HSL and cmyk(30%, 9%, 0%, 82%) in CMYK.

What is the complementary color of #202A2E?

The complementary color of #202A2E is #2E2420, which sits opposite it on the color wheel.

Which text color works on #202A2E?

White text has the best contrast on #202A2E: 14.66:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #202A2E a warm or cool color?

#202A2E is a neutral color.