Start generating
C4E2DE

#C4E2DE Peek-a-Blue

#C4E2DE is a very light gray named Peek-a-Blue. In the RGB color model it is made of 76.9% red, 88.6% green and 87.1% blue (rgb(196, 226, 222)). Its HSL value is 172° hue, 34% saturation and 83% lightness, and in CMYK it is 13% cyan, 0% magenta, 2% yellow and 11% black. #C4E2DE is a neutral color. Black text reads best on it, with a contrast ratio of 15.28:1.

Make a palette with #C4E2DE

#C4E2DE color conversion

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

Variations of #C4E2DE

Shades

Mixed with black: richer and darker.

C4E2DEAAC4C191A8A5788C8961716F4A5755353E3D2127260E1212020302

Tints

Mixed with white: lighter and softer.

C4E2DECAE5E1D0E8E5D6EBE8DCEEEBE2F0EEE7F3F2EDF6F5F3F9F8F9FCFC

Tones

Mixed with gray: calmer and more muted.

C4E2DEBDD8D4B6CECAAFC4C1A8BAB7A2B0AE9BA6A4949C9B8D9392878989

Hues

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

D1E0CBCEE1CFCAE1D2C8E2D6C5E2DAC4E2DEC3E2E2C3E1E5C4E0E9C6E0EBC8DEEE

Temperatures

Cooler on the left, warmer on the right.

A3CEE8A9D2E6B0D6E4B7DAE2BDDEE0C4E2DEC8DFD7CBDCD1CFD8CAD2D5C3D5D2BD

#C4E2DE color harmonies

Complementary

The opposite hue — maximum contrast and energy.

C4E2DEE2C4C8
Open in generator →

Split complementary

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

C4E2DEE2C4D7E2CFC4
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

C4E2DEC4E2CFC4D7E2
Open in generator →

Triadic

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

C4E2DEDEC4E2E2DEC4
Open in generator →

Tetradic

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

C4E2DEC4C8E2E2C4C8E2DEC4
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

C4E2DECFC4E2E2C4C8D7E2C4
Open in generator →

#C4E2DE for color-blind viewers (and dogs)

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

  • Dog vision 94% similarHow dogs see it · simulated as #D9DADE
  • Protanopia 93% similar1.3% of men, 0.02% of women · simulated as #DFDEDE
  • Protanomaly 95% similar1.3% of men, 0.02% of women · simulated as #D8DFDE
  • Deuteranopia 94% similar1.2% of men, 0.01% of women · simulated as #D9DADE
  • Deuteranomaly 96% similar5% of men, 0.35% of women · simulated as #D3DDDE
  • Tritanopia 98% similar0.001% of men, 0.03% of women · simulated as #BCE4E1
  • Tritanomaly 99% similar0.0001% of men, 0.0001% of women · simulated as #C1E3DF
  • Achromatopsia 94% similar0.003% of men, 0.003% of women · simulated as #DCDCDC
  • Achromatomaly 95% similar0.001% of men, 0.001% of women · simulated as #D6DDDC

#C4E2DE contrast checker

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

Palettes with #C4E2DE

#C4E2DE in CSS

/* Peek-a-Blue */
.color { color: #C4E2DE; }
.background { background-color: #C4E2DE; }
.border { border: 1px solid #C4E2DE; }

/* Other notations */
color: rgb(196 226 222);
color: hsl(172 34% 83%);
color: oklch(0.890 0.032 186.8);

#C4E2DE FAQ

What color is #C4E2DE?

#C4E2DE is a very light gray. Its closest named color is Peek-a-Blue. It belongs to the gray color family and is a neutral color.

What is the RGB value of #C4E2DE?

#C4E2DE is rgb(196, 226, 222) in RGB, hsl(172, 34%, 83%) in HSL and cmyk(13%, 0%, 2%, 11%) in CMYK.

What is the complementary color of #C4E2DE?

The complementary color of #C4E2DE is #E2C4C8, which sits opposite it on the color wheel.

Which text color works on #C4E2DE?

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

Is #C4E2DE a warm or cool color?

#C4E2DE is a neutral color.