#CCF5F0

#CCF5F0

#F5CCD1

#F5CCD1

Contrast Ratio

1.24:1

Delta E

30.78

Very Different

50:50 Mix

#E3E1E0

Color Values

Format #CCF5F0 #F5CCD1
HEX #CCF5F0 #F5CCD1
RGB 204, 245, 240 245, 204, 209
HSL 172.7, 67.2%, 88.0% 352.7, 67.2%, 88.0%
HSV 172.7, 16.7%, 96.1% 352.7, 16.7%, 96.1%
CMYK 16.7%, 0.0%, 2.0%, 3.9% 0.0%, 16.7%, 14.7%, 3.9%
OKLCH 0.9399 0.0427 187.4 0.8817 0.0467 9.8

Contrast & Accessibility

1.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F5CCD1 → Background: #CCF5F0

The quick brown fox jumps over the lazy dog

Text: #CCF5F0 → Background: #F5CCD1

Color Difference (Delta E)

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

Gradient

#CCF5F0 #D4EEEB #DCE8E6 #E3E1E0 #E9DADB #EFD3D6 #F5CCD1

Color Mixing

#CCF5F0

100%

#D8EBE8

75:25

#E3E1E0

50:50

#ECD7D9

25:75

#F5CCD1

100%

CSS Gradient Code

background: linear-gradient(to right, #CCF5F0, #F5CCD1);
background: linear-gradient(135deg, #CCF5F0, #F5CCD1);

Explore Each Color

#CCF5F0

View full color details

#F5CCD1

View full color details

Related Comparisons