#B2F4DB

#B2F4DB

#F4B2CB

#F4B2CB

Contrast Ratio

1.4:1

Delta E

55.33

Very Different

50:50 Mix

#D8D4D3

Color Values

Format #B2F4DB #F4B2CB
HEX #B2F4DB #F4B2CB
RGB 178, 244, 219 244, 178, 203
HSL 157.3, 75.0%, 82.7% 337.3, 75.0%, 82.7%
HSV 157.3, 27.0%, 95.7% 337.3, 27.0%, 95.7%
CMYK 27.0%, 0.0%, 10.2%, 4.3% 0.0%, 27.0%, 16.8%, 4.3%
OKLCH 0.9161 0.0746 169.2 0.8319 0.0828 354.5

Contrast & Accessibility

1.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4B2CB → Background: #B2F4DB

The quick brown fox jumps over the lazy dog

Text: #B2F4DB → Background: #F4B2CB

Color Difference (Delta E)

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

Gradient

#B2F4DB #C0EAD8 #CDDFD6 #D8D4D3 #E2C9D0 #EBBECE #F4B2CB

Color Mixing

#B2F4DB

100%

#C7E4D7

75:25

#D8D4D3

50:50

#E7C4CF

25:75

#F4B2CB

100%

CSS Gradient Code

background: linear-gradient(to right, #B2F4DB, #F4B2CB);
background: linear-gradient(135deg, #B2F4DB, #F4B2CB);

Explore Each Color

#B2F4DB

View full color details

#F4B2CB

View full color details

Related Comparisons