#B3ECF3

#B3ECF3

#F3BAB3

#F3BAB3

Contrast Ratio

1.3:1

Delta E

42.59

Very Different

50:50 Mix

#D9D4D3

Color Values

Format #B3ECF3 #F3BAB3
HEX #B3ECF3 #F3BAB3
RGB 179, 236, 243 243, 186, 179
HSL 186.6, 72.7%, 82.7% 6.6, 72.7%, 82.7%
HSV 186.6, 26.3%, 95.3% 6.6, 26.3%, 95.3%
CMYK 26.3%, 2.9%, 0.0%, 4.7% 0.0%, 23.5%, 26.3%, 4.7%
OKLCH 0.9065 0.0585 205.6 0.8386 0.0671 26.6

Contrast & Accessibility

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F3BAB3 → Background: #B3ECF3

The quick brown fox jumps over the lazy dog

Text: #B3ECF3 → Background: #F3BAB3

Color Difference (Delta E)

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

Gradient

#B3ECF3 #C1E4E8 #CEDCDD #D9D4D3 #E2CBC8 #EBC3BD #F3BAB3

Color Mixing

#B3ECF3

100%

#C8E0E3

75:25

#D9D4D3

50:50

#E7C7C3

25:75

#F3BAB3

100%

CSS Gradient Code

background: linear-gradient(to right, #B3ECF3, #F3BAB3);
background: linear-gradient(135deg, #B3ECF3, #F3BAB3);

Explore Each Color

#B3ECF3

View full color details

#F3BAB3

View full color details

Related Comparisons