#CCF0CF

#CCF0CF

#F0CCED

#F0CCED

Contrast Ratio

1.16:1

Delta E

43.41

Very Different

50:50 Mix

#DFDFDE

Color Values

Format #CCF0CF #F0CCED
HEX #CCF0CF #F0CCED
RGB 204, 240, 207 240, 204, 237
HSL 125.0, 54.5%, 87.1% 305.0, 54.5%, 87.1%
HSV 125.0, 15.0%, 94.1% 305.0, 15.0%, 94.1%
CMYK 15.0%, 0.0%, 13.7%, 5.9% 0.0%, 15.0%, 1.2%, 5.9%
OKLCH 0.9205 0.0581 147.4 0.8856 0.0592 328.7

Contrast & Accessibility

1.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F0CCED → Background: #CCF0CF

The quick brown fox jumps over the lazy dog

Text: #CCF0CF → Background: #F0CCED

Color Difference (Delta E)

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

Gradient

#CCF0CF #D3EAD4 #D9E4D9 #DFDFDE #E5D9E3 #EBD2E8 #F0CCED

Color Mixing

#CCF0CF

100%

#D6E7D7

75:25

#DFDFDE

50:50

#E8D5E6

25:75

#F0CCED

100%

CSS Gradient Code

background: linear-gradient(to right, #CCF0CF, #F0CCED);
background: linear-gradient(135deg, #CCF0CF, #F0CCED);

Explore Each Color

#CCF0CF

View full color details

#F0CCED

View full color details

Related Comparisons