Start generating
CCD5DF

#CCD5DF Ephemeral Blue

#CCD5DF is a very light gray named Ephemeral Blue. In the RGB color model it is made of 80.0% red, 83.5% green and 87.5% blue (rgb(204, 213, 223)). Its HSL value is 212° hue, 23% saturation and 84% lightness, and in CMYK it is 9% cyan, 4% magenta, 0% yellow and 13% black. #CCD5DF is a neutral color. Black text reads best on it, with a contrast ratio of 14.15:1.

Make a palette with #CCD5DF

#CCD5DF color conversion

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

Variations of #CCD5DF

Shades

Mixed with black: richer and darker.

CCD5DFB1B9C2979EA57E838A656A6F4E5156373A3D2224270F1012020202

Tints

Mixed with white: lighter and softer.

CCD5DFD1D9E2D6DDE5DBE1E9E0E6ECE5EAEFEAEEF2F0F2F5F5F7F9FAFBFC

Tones

Mixed with gray: calmer and more muted.

CCD5DFC4CCD5BCC3CBB5BBC2ADB2B8A5AAAE9EA1A596999B8F9092878889

Hues

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

C8D7D8C8D7DAC8D7DCC9D6DDCBD6DECCD5DFCED4DFD0D4DFD1D3DFD3D2DFD5D2DE

Temperatures

Cooler on the left, warmer on the right.

AAC4E8B1C7E7B8CBE5BFCEE3C5D2E1CCD5DFCFD2D8D2D0D2D5CDCBD7CAC5DAC7BE

#CCD5DF color harmonies

Complementary

The opposite hue — maximum contrast and energy.

CCD5DFDFD6CC
Open in generator →

Split complementary

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

CCD5DFDFCDCCDFDFCC
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

CCD5DFCCDFDFCDCCDF
Open in generator →

Triadic

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

CCD5DFDFCCD5D5DFCC
Open in generator →

Tetradic

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

CCD5DFD6CCDFDFD6CCD5DFCC
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

CCD5DFDFCCDFDFD6CCCCDFCD
Open in generator →

#CCD5DF for color-blind viewers (and dogs)

How #CCD5DF 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 #CFD3DF
  • Protanopia 98% similar1.3% of men, 0.02% of women · simulated as #D2D5E0
  • Protanomaly 99% similar1.3% of men, 0.02% of women · simulated as #D0D5DF
  • Deuteranopia 99% similar1.2% of men, 0.01% of women · simulated as #CFD3DF
  • Deuteranomaly 99% similar5% of men, 0.35% of women · simulated as #CED4DF
  • Tritanopia 97% similar0.001% of men, 0.03% of women · simulated as #C8D7D8
  • Tritanomaly 99% similar0.0001% of men, 0.0001% of women · simulated as #CAD6DC
  • Achromatopsia 97% similar0.003% of men, 0.003% of women · simulated as #D4D4D4
  • Achromatomaly 98% similar0.001% of men, 0.001% of women · simulated as #D2D4D7

#CCD5DF contrast checker

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

Palettes with #CCD5DF

#CCD5DF in CSS

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

/* Other notations */
color: rgb(204 213 223);
color: hsl(212 23% 84%);
color: oklch(0.869 0.017 250.9);

#CCD5DF FAQ

What color is #CCD5DF?

#CCD5DF 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 #CCD5DF?

#CCD5DF is rgb(204, 213, 223) in RGB, hsl(212, 23%, 84%) in HSL and cmyk(9%, 4%, 0%, 13%) in CMYK.

What is the complementary color of #CCD5DF?

The complementary color of #CCD5DF is #DFD6CC, which sits opposite it on the color wheel.

Which text color works on #CCD5DF?

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

Is #CCD5DF a warm or cool color?

#CCD5DF is a neutral color.