Start generating
CCD4E1

#CCD4E1 Ephemeral Blue

#CCD4E1 is a very light gray named Ephemeral Blue. In the RGB color model it is made of 80.0% red, 83.1% green and 88.2% blue (rgb(204, 212, 225)). Its HSL value is 217° hue, 26% saturation and 84% lightness, and in CMYK it is 9% cyan, 6% magenta, 0% yellow and 12% black. #CCD4E1 is a neutral color. Black text reads best on it, with a contrast ratio of 14.07:1.

Make a palette with #CCD4E1

#CCD4E1 color conversion

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

Variations of #CCD4E1

Shades

Mixed with black: richer and darker.

CCD4E1B1B8C4979DA77E838B6569704E5156373A3E2224270F1012020202

Tints

Mixed with white: lighter and softer.

CCD4E1D1D8E4D6DCE7DBE1EAE0E5EDE5E9F0EAEEF3EFF2F6F5F6F9FAFBFC

Tones

Mixed with gray: calmer and more muted.

CCD4E1C4CBD7BCC3CDB5BAC3ADB1B9A5A9AF9EA1A696989C8F9093878889

Hues

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

C5D7DBC6D7DDC7D6DEC8D6E0CAD5E0CCD4E1CED3E1D0D2E1D3D2E0D5D1DFD7D0DE

Temperatures

Cooler on the left, warmer on the right.

AAC3EAB1C6E8B8CAE7BFCDE5C5D1E3CCD4E1CFD1DAD2CFD4D5CCCDD7C9C6DAC7C0

#CCD4E1 color harmonies

Complementary

The opposite hue — maximum contrast and energy.

CCD4E1E1D9CC
Open in generator →

Split complementary

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

CCD4E1E1CFCCDFE1CC
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

CCD4E1CCDFE1CFCCE1
Open in generator →

Triadic

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

CCD4E1E1CCD4D4E1CC
Open in generator →

Tetradic

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

CCD4E1D9CCE1E1D9CCD4E1CC
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

CCD4E1E1CCDFE1D9CCCCE1CF
Open in generator →

#CCD4E1 for color-blind viewers (and dogs)

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

  • Dog vision 99% similarHow dogs see it · simulated as #CED2E1
  • Protanopia 99% similar1.3% of men, 0.02% of women · simulated as #D0D4E2
  • Protanomaly 99% similar1.3% of men, 0.02% of women · simulated as #CFD4E1
  • Deuteranopia 99% similar1.2% of men, 0.01% of women · simulated as #CED2E1
  • Deuteranomaly 99% similar5% of men, 0.35% of women · simulated as #CDD3E1
  • Tritanopia 96% similar0.001% of men, 0.03% of women · simulated as #C7D7D8
  • Tritanomaly 98% similar0.0001% of men, 0.0001% of women · simulated as #CAD5DD
  • Achromatopsia 96% similar0.003% of men, 0.003% of women · simulated as #D3D3D3
  • Achromatomaly 97% similar0.001% of men, 0.001% of women · simulated as #D2D3D7

#CCD4E1 contrast checker

AaThe quick brown fox jumps over the lazy dog.
1.49:1 Very poor#CCD4E1 text on white
AA normalFailAAA normalFail
AA largeFailAAA largeFail
AaThe quick brown fox jumps over the lazy dog.
14.07:1 Super#CCD4E1 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 #CCD4E1

Palettes with #CCD4E1

#CCD4E1 in CSS

/* Ephemeral Blue */
.color { color: #CCD4E1; }
.background { background-color: #CCD4E1; }
.border { border: 1px solid #CCD4E1; }

/* Other notations */
color: rgb(204 212 225);
color: hsl(217 26% 84%);
color: oklch(0.868 0.020 260.2);

#CCD4E1 FAQ

What color is #CCD4E1?

#CCD4E1 is a very light gray. Its closest named color is Ephemeral Blue. It belongs to the gray color family and is a neutral color.

What is the RGB value of #CCD4E1?

#CCD4E1 is rgb(204, 212, 225) in RGB, hsl(217, 26%, 84%) in HSL and cmyk(9%, 6%, 0%, 12%) in CMYK.

What is the complementary color of #CCD4E1?

The complementary color of #CCD4E1 is #E1D9CC, which sits opposite it on the color wheel.

Which text color works on #CCD4E1?

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

Is #CCD4E1 a warm or cool color?

#CCD4E1 is a neutral color.