Start generating
20343D

#20343D closest to Blue Whale

#20343D is a dark gray; the closest named color is Blue Whale. In the RGB color model it is made of 12.5% red, 20.4% green and 23.9% blue (rgb(32, 52, 61)). Its HSL value is 199° hue, 31% saturation and 18% lightness, and in CMYK it is 48% cyan, 15% magenta, 0% yellow and 76% black. #20343D is a neutral color. White text reads best on it, with a contrast ratio of 12.96:1.

Make a palette with #20343D

#20343D color conversion

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

Variations of #20343D

Shades

Mixed with black: richer and darker.

20343D1A2C3415242B0F1C220A151A060E1203070A010304000101000000

Tints

Mixed with white: lighter and softer.

20343D33464E4758605C6B72727F858893989FA8ACB6BDC0CED3D5E6E9EA

Tones

Mixed with gray: calmer and more muted.

20343D293B4332424A3C4A504551574F595E58606462686B6C7072767879

Hues

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

1F36311E36341D36361E35391E353B20343D22333F2532402731402A30412D2F40

Temperatures

Cooler on the left, warmer on the right.

21436221405B213D53213A4C20374420343D2A383E333C3F3C403F4544404E4740

#20343D color harmonies

Complementary

The opposite hue — maximum contrast and energy.

20343D3D2920
Open in generator →

Split complementary

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

20343D3D20253D3820
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

20343D203D3720263D
Open in generator →

Triadic

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

20343D3D2034343D20
Open in generator →

Tetradic

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

20343D29203D3D2920343D20
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

20343D38203D3D2920253D20
Open in generator →

#20343D for color-blind viewers (and dogs)

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

  • Dog vision 96% similarHow dogs see it · simulated as #2B303D
  • Protanopia 96% similar1.3% of men, 0.02% of women · simulated as #2F333D
  • Protanomaly 97% similar1.3% of men, 0.02% of women · simulated as #2C333D
  • Deuteranopia 96% similar1.2% of men, 0.01% of women · simulated as #2B303D
  • Deuteranomaly 97% similar5% of men, 0.35% of women · simulated as #28313D
  • Tritanopia 96% similar0.001% of men, 0.03% of women · simulated as #143737
  • Tritanomaly 98% similar0.0001% of men, 0.0001% of women · simulated as #1C353A
  • Achromatopsia 94% similar0.003% of men, 0.003% of women · simulated as #313131
  • Achromatomaly 95% similar0.001% of men, 0.001% of women · simulated as #2E3234

#20343D contrast checker

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

Palettes with #20343D

#20343D in CSS

/* Blue Whale */
.color { color: #20343D; }
.background { background-color: #20343D; }
.border { border: 1px solid #20343D; }

/* Other notations */
color: rgb(32 52 61);
color: hsl(199 31% 18%);
color: oklch(0.312 0.030 228.0);

#20343D FAQ

What color is #20343D?

#20343D is a dark gray. Its closest named color is Blue Whale. It belongs to the gray color family and is a neutral color.

What is the RGB value of #20343D?

#20343D is rgb(32, 52, 61) in RGB, hsl(199, 31%, 18%) in HSL and cmyk(48%, 15%, 0%, 76%) in CMYK.

What is the complementary color of #20343D?

The complementary color of #20343D is #3D2920, which sits opposite it on the color wheel.

Which text color works on #20343D?

White text has the best contrast on #20343D: 12.96:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #20343D a warm or cool color?

#20343D is a neutral color.