#B2F4DA

#B2F4DA

#F4B2CC

#F4B2CC

Contrast Ratio

1.39:1

Delta E

55.82

Very Different

50:50 Mix

#D8D4D3

Color Values

Format #B2F4DA #F4B2CC
HEX #B2F4DA #F4B2CC
RGB 178, 244, 218 244, 178, 204
HSL 156.4, 75.0%, 82.7% 336.4, 75.0%, 82.7%
HSV 156.4, 27.0%, 95.7% 336.4, 27.0%, 95.7%
CMYK 27.0%, 0.0%, 10.7%, 4.3% 0.0%, 27.0%, 16.4%, 4.3%
OKLCH 0.9158 0.0752 168.3 0.8322 0.0832 353.7

Contrast & Accessibility

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4B2CC → Background: #B2F4DA

The quick brown fox jumps over the lazy dog

Text: #B2F4DA → Background: #F4B2CC

Color Difference (Delta E)

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

Gradient

#B2F4DA #C0EAD8 #CDDFD5 #D8D4D3 #E2C9D1 #EBBECE #F4B2CC

Color Mixing

#B2F4DA

100%

#C7E5D7

75:25

#D8D4D3

50:50

#E7C4D0

25:75

#F4B2CC

100%

CSS Gradient Code

background: linear-gradient(to right, #B2F4DA, #F4B2CC);
background: linear-gradient(135deg, #B2F4DA, #F4B2CC);

Explore Each Color

#B2F4DA

View full color details

#F4B2CC

View full color details

Related Comparisons