#C7F2CC

#C7F2CC

#F2C7ED

#F2C7ED

Contrast Ratio

1.2:1

Delta E

50.67

Very Different

50:50 Mix

#DEDDDD

Color Values

Format #C7F2CC #F2C7ED
HEX #C7F2CC #F2C7ED
RGB 199, 242, 204 242, 199, 237
HSL 127.0, 62.3%, 86.5% 307.0, 62.3%, 86.5%
HSV 127.0, 17.8%, 94.9% 307.0, 17.8%, 94.9%
CMYK 17.8%, 0.0%, 15.7%, 5.1% 0.0%, 17.8%, 2.1%, 5.1%
OKLCH 0.9207 0.0678 148.2 0.8782 0.0694 330.0

Contrast & Accessibility

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2C7ED → Background: #C7F2CC

The quick brown fox jumps over the lazy dog

Text: #C7F2CC → Background: #F2C7ED

Color Difference (Delta E)

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

Gradient

#C7F2CC #CFEBD2 #D7E4D7 #DEDDDD #E5D6E2 #ECCFE8 #F2C7ED

Color Mixing

#C7F2CC

100%

#D3E8D4

75:25

#DEDDDD

50:50

#E9D2E5

25:75

#F2C7ED

100%

CSS Gradient Code

background: linear-gradient(to right, #C7F2CC, #F2C7ED);
background: linear-gradient(135deg, #C7F2CC, #F2C7ED);

Explore Each Color

#C7F2CC

View full color details

#F2C7ED

View full color details

Related Comparisons