Start generating
ECDCDC

#ECDCDC Hyper Light Drifter

#ECDCDC is a very light gray named Hyper Light Drifter. In the RGB color model it is made of 92.5% red, 86.3% green and 86.3% blue (rgb(236, 220, 220)). Its HSL value is 0° hue, 30% saturation and 89% lightness, and in CMYK it is 0% cyan, 7% magenta, 7% yellow and 7% black. #ECDCDC is a neutral color. Black text reads best on it, with a contrast ratio of 15.84:1.

Make a palette with #ECDCDC

#ECDCDC color conversion

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

Variations of #ECDCDC

Shades

Mixed with black: richer and darker.

ECDCDCCDBFBFAFA3A3928888766E6E5B5454423C3C292626131111030202

Tints

Mixed with white: lighter and softer.

ECDCDCEEDFDFF0E3E3F2E6E6F4EAEAF6EDEDF7F1F1F9F4F4FBF8F8FDFBFB

Tones

Mixed with gray: calmer and more muted.

ECDCDCE1D2D2D6C9C9CABFBFBFB6B6B5ADADAAA4A49F9B9B9592928A8989

Hues

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

E7DCE6E9DCE5EADCE2EBDCE0ECDCDEECDCDCECDCDAECDDD8EBDDD7EADED5E9DED4

Temperatures

Cooler on the left, warmer on the right.

C4CAE7CCCDE5D4D1E3DCD5E1E4D8DEECDCDCEDD9D5EFD6CFF0D3C8F1CFC2F2CCBB

#ECDCDC color harmonies

Complementary

The opposite hue — maximum contrast and energy.

ECDCDCDCECEC
Open in generator →

Split complementary

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

ECDCDCDCECE4DCE4EC
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

ECDCDCECDCE4ECE4DC
Open in generator →

Triadic

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

ECDCDCDCECDCDCDCEC
Open in generator →

Tetradic

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

ECDCDCECECDCDCECECDCDCEC
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

ECDCDCE4ECDCDCECECE4DCEC
Open in generator →

#ECDCDC for color-blind viewers (and dogs)

How #ECDCDC 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 #E2E1DC
  • Protanopia 96% similar1.3% of men, 0.02% of women · simulated as #DFDEDC
  • Protanomaly 97% similar1.3% of men, 0.02% of women · simulated as #E2DEDC
  • Deuteranopia 96% similar1.2% of men, 0.01% of women · simulated as #E2E1DC
  • Deuteranomaly 98% similar5% of men, 0.35% of women · simulated as #E5DFDC
  • Tritanopia 99% similar0.001% of men, 0.03% of women · simulated as #F0DBDC
  • Tritanomaly 99% similar0.0001% of men, 0.0001% of women · simulated as #EEDBDC
  • Achromatopsia 96% similar0.003% of men, 0.003% of women · simulated as #E0E0E0
  • Achromatomaly 97% similar0.001% of men, 0.001% of women · simulated as #E3DFDF

#ECDCDC contrast checker

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

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

Colors similar to #ECDCDC

Palettes with #ECDCDC

#ECDCDC in CSS

/* Hyper Light Drifter */
.color { color: #ECDCDC; }
.background { background-color: #ECDCDC; }
.border { border: 1px solid #ECDCDC; }

/* Other notations */
color: rgb(236 220 220);
color: hsl(0 30% 89%);
color: oklch(0.907 0.018 17.5);

#ECDCDC FAQ

What color is #ECDCDC?

#ECDCDC is a very light gray. Its closest named color is Hyper Light Drifter. It belongs to the gray color family and is a neutral color.

What is the RGB value of #ECDCDC?

#ECDCDC is rgb(236, 220, 220) in RGB, hsl(0, 30%, 89%) in HSL and cmyk(0%, 7%, 7%, 7%) in CMYK.

What is the complementary color of #ECDCDC?

The complementary color of #ECDCDC is #DCECEC, which sits opposite it on the color wheel.

Which text color works on #ECDCDC?

Black text has the best contrast on #ECDCDC: 15.84:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #ECDCDC a warm or cool color?

#ECDCDC is a neutral color.