#CCF2F5

#CCF2F5

#F5CFCC

#F5CFCC

Contrast Ratio

1.2:1

Delta E

28.06

Very Different

50:50 Mix

#E3E1E0

Color Values

Format #CCF2F5 #F5CFCC
HEX #CCF2F5 #F5CFCC
RGB 204, 242, 245 245, 207, 204
HSL 184.4, 67.2%, 88.0% 4.4, 67.2%, 88.0%
HSV 184.4, 16.7%, 96.1% 4.4, 16.7%, 96.1%
CMYK 16.7%, 1.2%, 0.0%, 3.9% 0.0%, 15.5%, 16.7%, 3.9%
OKLCH 0.9351 0.0395 202.4 0.886 0.0432 23.3

Contrast & Accessibility

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F5CFCC → Background: #CCF2F5

The quick brown fox jumps over the lazy dog

Text: #CCF2F5 → Background: #F5CFCC

Color Difference (Delta E)

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

Gradient

#CCF2F5 #D4ECEE #DCE7E7 #E3E1E0 #E9DBDA #EFD5D3 #F5CFCC

Color Mixing

#CCF2F5

100%

#D8E9EB

75:25

#E3E1E0

50:50

#ECD8D6

25:75

#F5CFCC

100%

CSS Gradient Code

background: linear-gradient(to right, #CCF2F5, #F5CFCC);
background: linear-gradient(135deg, #CCF2F5, #F5CFCC);

Explore Each Color

#CCF2F5

View full color details

#F5CFCC

View full color details

Related Comparisons