#B3BCF2

#B3BCF2

#F2E9B3

#F2E9B3

Contrast Ratio

1.5:1

Delta E

58.71

Very Different

50:50 Mix

#D6D2D3

Color Values

Format #B3BCF2 #F2E9B3
HEX #B3BCF2 #F2E9B3
RGB 179, 188, 242 242, 233, 179
HSL 231.4, 70.8%, 82.5% 51.4, 70.8%, 82.5%
HSV 231.4, 26.0%, 94.9% 51.4, 26.0%, 94.9%
CMYK 26.0%, 22.3%, 0.0%, 5.1% 0.0%, 3.7%, 26.0%, 5.1%
OKLCH 0.807 0.077 277.2 0.9281 0.0703 99.7

Contrast & Accessibility

1.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2E9B3 → Background: #B3BCF2

The quick brown fox jumps over the lazy dog

Text: #B3BCF2 → Background: #F2E9B3

Color Difference (Delta E)

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

Gradient

#B3BCF2 #C0C3E8 #CBCBDE #D6D2D3 #E0DAC9 #E9E1BE #F2E9B3

Color Mixing

#B3BCF2

100%

#C6C7E3

75:25

#D6D2D3

50:50

#E5DDC4

25:75

#F2E9B3

100%

CSS Gradient Code

background: linear-gradient(to right, #B3BCF2, #F2E9B3);
background: linear-gradient(135deg, #B3BCF2, #F2E9B3);

Explore Each Color

#B3BCF2

View full color details

#F2E9B3

View full color details

Related Comparisons