Start generating
ECF2FF

#ECF2FF closest to Foundation White

#ECF2FF is a very light white; the closest named color is Foundation White. In the RGB color model it is made of 92.5% red, 94.9% green and 100.0% blue (rgb(236, 242, 255)). Its HSL value is 221° hue, 100% saturation and 96% lightness, and in CMYK it is 7% cyan, 5% magenta, 0% yellow and 0% black. #ECF2FF is a neutral color. Black text reads best on it, with a contrast ratio of 18.71:1.

Make a palette with #ECF2FF

#ECF2FF color conversion

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

Variations of #ECF2FF

Shades

Mixed with black: richer and darker.

ECF2FFCDD2DEAFB4BE92969E7679805B5E63424348292B2E131416030303

Tints

Mixed with white: lighter and softer.

ECF2FFEEF3FFF0F5FFF2F6FFF4F7FFF5F9FFF7FAFFF9FBFFFBFCFFFDFEFF

Tones

Mixed with gray: calmer and more muted.

ECF2FFE1E6F2D5DAE4CACED7BFC3CAB4B7BEAAACB19FA1A49596988A8B8C

Hues

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

E5F5FAE6F5FCE7F4FDE8F4FEEAF3FFECF2FFEEF1FFF0F0FEF3F0FDF5EFFCF7EEFB

Temperatures

Cooler on the left, warmer on the right.

C3DAFFCBDFFFD3E4FFDCE9FFE4EDFFECF2FFEEEEF7EFEAEFF1E6E7F2E2DFF3DED7

#ECF2FF color harmonies

Complementary

The opposite hue — maximum contrast and energy.

ECF2FFFFF9EC
Open in generator →

Split complementary

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

ECF2FFFFF0ECFBFFEC
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

ECF2FFECFBFFF0ECFF
Open in generator →

Triadic

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

ECF2FFFFECF2F2FFEC
Open in generator →

Tetradic

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

ECF2FFF9ECFFFFF9ECF2FFEC
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

ECF2FFFFECFBFFF9ECECFFF0
Open in generator →

#ECF2FF for color-blind viewers (and dogs)

How #ECF2FF 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 #EDF1FF
  • Protanopia 99% similar1.3% of men, 0.02% of women · simulated as #EEF3FF
  • Protanomaly 99% similar1.3% of men, 0.02% of women · simulated as #EEF2FF
  • Deuteranopia 99% similar1.2% of men, 0.01% of women · simulated as #EDF1FF
  • Deuteranomaly 99% similar5% of men, 0.35% of women · simulated as #EDF1FF
  • Tritanopia 97% similar0.001% of men, 0.03% of women · simulated as #E8F4F6
  • Tritanomaly 99% similar0.0001% of men, 0.0001% of women · simulated as #EBF3FB
  • Achromatopsia 96% similar0.003% of men, 0.003% of women · simulated as #F2F2F2
  • Achromatomaly 97% similar0.001% of men, 0.001% of women · simulated as #F0F2F5

#ECF2FF contrast checker

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

Palettes with #ECF2FF

#ECF2FF in CSS

/* Foundation White */
.color { color: #ECF2FF; }
.background { background-color: #ECF2FF; }
.border { border: 1px solid #ECF2FF; }

/* Other notations */
color: rgb(236 242 255);
color: hsl(221 100% 96%);
color: oklch(0.960 0.019 266.0);

#ECF2FF FAQ

What color is #ECF2FF?

#ECF2FF is a very light white. Its closest named color is Foundation White. It belongs to the white color family and is a neutral color.

What is the RGB value of #ECF2FF?

#ECF2FF is rgb(236, 242, 255) in RGB, hsl(221, 100%, 96%) in HSL and cmyk(7%, 5%, 0%, 0%) in CMYK.

What is the complementary color of #ECF2FF?

The complementary color of #ECF2FF is #FFF9EC, which sits opposite it on the color wheel.

Which text color works on #ECF2FF?

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

Is #ECF2FF a warm or cool color?

#ECF2FF is a neutral color.