#CCF6F2

#CCF6F2

#F6CCD0

#F6CCD0

Contrast Ratio

1.25:1

Delta E

31.33

Very Different

50:50 Mix

#E3E1E1

Color Values

Format #CCF6F2 #F6CCD0
HEX #CCF6F2 #F6CCD0
RGB 204, 246, 242 246, 204, 208
HSL 174.3, 70.0%, 88.2% 354.3, 70.0%, 88.2%
HSV 174.3, 17.1%, 96.5% 354.3, 17.1%, 96.5%
CMYK 17.1%, 0.0%, 1.6%, 3.5% 0.0%, 17.1%, 15.4%, 3.5%
OKLCH 0.9425 0.0435 189.4 0.8823 0.0477 11.6

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: #F6CCD0 → Background: #CCF6F2

The quick brown fox jumps over the lazy dog

Text: #CCF6F2 → Background: #F6CCD0

Color Difference (Delta E)

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

Gradient

#CCF6F2 #D4EFEC #DCE8E7 #E3E1E1 #EADADB #F0D3D6 #F6CCD0

Color Mixing

#CCF6F2

100%

#D8ECE9

75:25

#E3E1E1

50:50

#EDD7D8

25:75

#F6CCD0

100%

CSS Gradient Code

background: linear-gradient(to right, #CCF6F2, #F6CCD0);
background: linear-gradient(135deg, #CCF6F2, #F6CCD0);

Explore Each Color

#CCF6F2

View full color details

#F6CCD0

View full color details

Related Comparisons