#CCF5F8

#CCF5F8

#F8CFCC

#F8CFCC

Contrast Ratio

1.22:1

Delta E

30.22

Very Different

50:50 Mix

#E5E2E2

Color Values

Format #CCF5F8 #F8CFCC
HEX #CCF5F8 #F8CFCC
RGB 204, 245, 248 248, 207, 204
HSL 184.1, 75.9%, 88.6% 4.1, 75.9%, 88.6%
HSV 184.1, 17.7%, 97.3% 4.1, 17.7%, 97.3%
CMYK 17.7%, 1.2%, 0.0%, 2.7% 0.0%, 16.5%, 17.7%, 2.7%
OKLCH 0.9422 0.0424 201.9 0.8887 0.0466 23.0

Contrast & Accessibility

1.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F8CFCC → Background: #CCF5F8

The quick brown fox jumps over the lazy dog

Text: #CCF5F8 → Background: #F8CFCC

Color Difference (Delta E)

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

Gradient

#CCF5F8 #D5EFF1 #DDE9E9 #E5E2E2 #ECDCDB #F2D6D3 #F8CFCC

Color Mixing

#CCF5F8

100%

#D9ECED

75:25

#E5E2E2

50:50

#EFD9D7

25:75

#F8CFCC

100%

CSS Gradient Code

background: linear-gradient(to right, #CCF5F8, #F8CFCC);
background: linear-gradient(135deg, #CCF5F8, #F8CFCC);

Explore Each Color

#CCF5F8

View full color details

#F8CFCC

View full color details

Related Comparisons