#CCF7F8

#CCF7F8

#F8CDCC

#F8CDCC

Contrast Ratio

1.25:1

Delta E

31.72

Very Different

50:50 Mix

#E5E2E2

Color Values

Format #CCF7F8 #F8CDCC
HEX #CCF7F8 #F8CDCC
RGB 204, 247, 248 248, 205, 204
HSL 181.4, 75.9%, 88.6% 1.4, 75.9%, 88.6%
HSV 181.4, 17.7%, 97.3% 1.4, 17.7%, 97.3%
CMYK 17.7%, 0.4%, 0.0%, 2.7% 0.0%, 17.3%, 17.7%, 2.7%
OKLCH 0.9464 0.0441 198.2 0.885 0.0488 19.7

Contrast & Accessibility

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F8CDCC → Background: #CCF7F8

The quick brown fox jumps over the lazy dog

Text: #CCF7F8 → Background: #F8CDCC

Color Difference (Delta E)

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

Gradient

#CCF7F8 #D5F0F1 #DDE9E9 #E5E2E2 #ECDBDA #F2D4D3 #F8CDCC

Color Mixing

#CCF7F8

100%

#D9EDED

75:25

#E5E2E2

50:50

#EFD8D7

25:75

#F8CDCC

100%

CSS Gradient Code

background: linear-gradient(to right, #CCF7F8, #F8CDCC);
background: linear-gradient(135deg, #CCF7F8, #F8CDCC);

Explore Each Color

#CCF7F8

View full color details

#F8CDCC

View full color details

Related Comparisons