#B2F2D8

#B2F2D8

#F2B2CC

#F2B2CC

Contrast Ratio

1.38:1

Delta E

54.62

Very Different

50:50 Mix

#D7D3D2

Color Values

Format #B2F2D8 #F2B2CC
HEX #B2F2D8 #F2B2CC
RGB 178, 242, 216 242, 178, 204
HSL 155.6, 71.1%, 82.4% 335.6, 71.1%, 82.4%
HSV 155.6, 26.4%, 94.9% 335.6, 26.4%, 94.9%
CMYK 26.4%, 0.0%, 10.7%, 5.1% 0.0%, 26.4%, 15.7%, 5.1%
OKLCH 0.911 0.0737 167.7 0.8302 0.0811 352.9

Contrast & Accessibility

1.38:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2B2CC → Background: #B2F2D8

The quick brown fox jumps over the lazy dog

Text: #B2F2D8 → Background: #F2B2CC

Color Difference (Delta E)

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

Gradient

#B2F2D8 #C0E8D6 #CCDED4 #D7D3D2 #E1C9D0 #EABECE #F2B2CC

Color Mixing

#B2F2D8

100%

#C6E3D5

75:25

#D7D3D2

50:50

#E5C3CF

25:75

#F2B2CC

100%

CSS Gradient Code

background: linear-gradient(to right, #B2F2D8, #F2B2CC);
background: linear-gradient(135deg, #B2F2D8, #F2B2CC);

Explore Each Color

#B2F2D8

View full color details

#F2B2CC

View full color details

Related Comparisons