#CCEEF2

#CCEEF2

#F2D0CC

#F2D0CC

Contrast Ratio

1.16:1

Delta E

25.23

Very Different

50:50 Mix

#E1DFDF

Color Values

Format #CCEEF2 #F2D0CC
HEX #CCEEF2 #F2D0CC
RGB 204, 238, 242 242, 208, 204
HSL 186.3, 59.4%, 87.5% 6.3, 59.4%, 87.5%
HSV 186.3, 15.7%, 94.9% 6.3, 15.7%, 94.9%
CMYK 15.7%, 1.7%, 0.0%, 5.1% 0.0%, 14.0%, 15.7%, 5.1%
OKLCH 0.926 0.0358 205.2 0.8851 0.0388 25.8

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: #F2D0CC → Background: #CCEEF2

The quick brown fox jumps over the lazy dog

Text: #CCEEF2 → Background: #F2D0CC

Color Difference (Delta E)

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

Gradient

#CCEEF2 #D4E9EC #DAE4E5 #E1DFDF #E7DAD9 #EDD5D2 #F2D0CC

Color Mixing

#CCEEF2

100%

#D7E7E8

75:25

#E1DFDF

50:50

#EAD8D5

25:75

#F2D0CC

100%

CSS Gradient Code

background: linear-gradient(to right, #CCEEF2, #F2D0CC);
background: linear-gradient(135deg, #CCEEF2, #F2D0CC);

Explore Each Color

#CCEEF2

View full color details

#F2D0CC

View full color details

Related Comparisons