#B2F4EC

#B2F4EC

#F4B2BA

#F4B2BA

Contrast Ratio

1.43:1

Delta E

49.72

Very Different

50:50 Mix

#D9D4D3

Color Values

Format #B2F4EC #F4B2BA
HEX #B2F4EC #F4B2BA
RGB 178, 244, 236 244, 178, 186
HSL 172.7, 75.0%, 82.7% 352.7, 75.0%, 82.7%
HSV 172.7, 27.0%, 95.7% 352.7, 27.0%, 95.7%
CMYK 27.0%, 0.0%, 3.3%, 4.3% 0.0%, 27.0%, 23.8%, 4.3%
OKLCH 0.9209 0.0668 186.7 0.827 0.0776 10.8

Contrast & Accessibility

1.43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4B2BA → Background: #B2F4EC

The quick brown fox jumps over the lazy dog

Text: #B2F4EC → Background: #F4B2BA

Color Difference (Delta E)

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

Gradient

#B2F4EC #C1EAE3 #CEDFDB #D9D4D3 #E3C9CA #ECBEC2 #F4B2BA

Color Mixing

#B2F4EC

100%

#C8E4DF

75:25

#D9D4D3

50:50

#E8C3C6

25:75

#F4B2BA

100%

CSS Gradient Code

background: linear-gradient(to right, #B2F4EC, #F4B2BA);
background: linear-gradient(135deg, #B2F4EC, #F4B2BA);

Explore Each Color

#B2F4EC

View full color details

#F4B2BA

View full color details

Related Comparisons