#CCF0F1

#CCF0F1

#F1CDCC

#F1CDCC

Contrast Ratio

1.21:1

Delta E

26.66

Very Different

50:50 Mix

#E1DFDE

Color Values

Format #CCF0F1 #F1CDCC
HEX #CCF0F1 #F1CDCC
RGB 204, 240, 241 241, 205, 204
HSL 181.6, 56.9%, 87.3% 1.6, 56.9%, 87.3%
HSV 181.6, 15.4%, 94.5% 1.6, 15.4%, 94.5%
CMYK 15.4%, 0.4%, 0.0%, 5.5% 0.0%, 14.9%, 15.4%, 5.5%
OKLCH 0.9298 0.0374 198.6 0.8786 0.0407 19.8

Contrast & Accessibility

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F1CDCC → Background: #CCF0F1

The quick brown fox jumps over the lazy dog

Text: #CCF0F1 → Background: #F1CDCC

Color Difference (Delta E)

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

Gradient

#CCF0F1 #D3EAEB #DAE5E5 #E1DFDE #E6D9D8 #ECD3D2 #F1CDCC

Color Mixing

#CCF0F1

100%

#D7E7E8

75:25

#E1DFDE

50:50

#E9D6D5

25:75

#F1CDCC

100%

CSS Gradient Code

background: linear-gradient(to right, #CCF0F1, #F1CDCC);
background: linear-gradient(135deg, #CCF0F1, #F1CDCC);

Explore Each Color

#CCF0F1

View full color details

#F1CDCC

View full color details

Related Comparisons