#CCF7F6

#CCF7F6

#F7CCCD

#F7CCCD

Contrast Ratio

1.26:1

Delta E

31.82

Very Different

50:50 Mix

#E4E2E1

Color Values

Format #CCF7F6 #F7CCCD
HEX #CCF7F6 #F7CCCD
RGB 204, 247, 246 247, 204, 205
HSL 178.6, 72.9%, 88.4% 358.6, 72.9%, 88.4%
HSV 178.6, 17.4%, 96.9% 358.6, 17.4%, 96.9%
CMYK 17.4%, 0.0%, 0.4%, 3.1% 0.0%, 17.4%, 17.0%, 3.1%
OKLCH 0.9458 0.0441 194.7 0.8825 0.0487 16.5

Contrast & Accessibility

1.26:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F7CCCD → Background: #CCF7F6

The quick brown fox jumps over the lazy dog

Text: #CCF7F6 → Background: #F7CCCD

Color Difference (Delta E)

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

Gradient

#CCF7F6 #D5F0EF #DDE9E8 #E4E2E1 #EBDBDB #F1D3D4 #F7CCCD

Color Mixing

#CCF7F6

100%

#D9EDEC

75:25

#E4E2E1

50:50

#EED7D7

25:75

#F7CCCD

100%

CSS Gradient Code

background: linear-gradient(to right, #CCF7F6, #F7CCCD);
background: linear-gradient(135deg, #CCF7F6, #F7CCCD);

Explore Each Color

#CCF7F6

View full color details

#F7CCCD

View full color details

Related Comparisons