#B2ECF4

#B2ECF4

#F4BAB2

#F4BAB2

Contrast Ratio

1.29:1

Delta E

43.43

Very Different

50:50 Mix

#D9D4D3

Color Values

Format #B2ECF4 #F4BAB2
HEX #B2ECF4 #F4BAB2
RGB 178, 236, 244 244, 186, 178
HSL 187.3, 75.0%, 82.7% 7.3, 75.0%, 82.7%
HSV 187.3, 27.0%, 95.7% 7.3, 27.0%, 95.7%
CMYK 27.0%, 3.3%, 0.0%, 4.3% 0.0%, 23.8%, 27.0%, 4.3%
OKLCH 0.9062 0.0596 206.7 0.8394 0.0685 27.6

Contrast & Accessibility

1.29:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4BAB2 → Background: #B2ECF4

The quick brown fox jumps over the lazy dog

Text: #B2ECF4 → Background: #F4BAB2

Color Difference (Delta E)

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

Gradient

#B2ECF4 #C1E4E9 #CEDCDE #D9D4D3 #E3CBC8 #ECC3BD #F4BAB2

Color Mixing

#B2ECF4

100%

#C8E0E3

75:25

#D9D4D3

50:50

#E8C7C2

25:75

#F4BAB2

100%

CSS Gradient Code

background: linear-gradient(to right, #B2ECF4, #F4BAB2);
background: linear-gradient(135deg, #B2ECF4, #F4BAB2);

Explore Each Color

#B2ECF4

View full color details

#F4BAB2

View full color details

Related Comparisons