#CCF0F6

#CCF0F6

#F6D2CC

#F6D2CC

Contrast Ratio

1.16:1

Delta E

26.89

Very Different

50:50 Mix

#E3E1E1

Color Values

Format #CCF0F6 #F6D2CC
HEX #CCF0F6 #F6D2CC
RGB 204, 240, 246 246, 210, 204
HSL 188.6, 70.0%, 88.2% 8.6, 70.0%, 88.2%
HSV 188.6, 17.1%, 96.5% 8.6, 17.1%, 96.5%
CMYK 17.1%, 2.4%, 0.0%, 3.5% 0.0%, 14.6%, 17.1%, 3.5%
OKLCH 0.9313 0.0382 208.8 0.8925 0.0414 29.1

Contrast & Accessibility

1.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F6D2CC → Background: #CCF0F6

The quick brown fox jumps over the lazy dog

Text: #CCF0F6 → Background: #F6D2CC

Color Difference (Delta E)

26.89 Very Different
0 — Identical 5 — Similar 25 — Noticeable 100 — Very Different

Gradient

#CCF0F6 #D4EBEF #DCE6E8 #E3E1E1 #EADCDA #F0D7D3 #F6D2CC

Color Mixing

#CCF0F6

100%

#D8E9EB

75:25

#E3E1E1

50:50

#EDDAD6

25:75

#F6D2CC

100%

CSS Gradient Code

background: linear-gradient(to right, #CCF0F6, #F6D2CC);
background: linear-gradient(135deg, #CCF0F6, #F6D2CC);

Explore Each Color

#CCF0F6

View full color details

#F6D2CC

View full color details

Related Comparisons