#B0BAFF

#B0BAFF

#FFF5B0

#FFF5B0

Contrast Ratio

1.67:1

Delta E

74.52

Very Different

50:50 Mix

#DDD7D9

Color Values

Format #B0BAFF #FFF5B0
HEX #B0BAFF #FFF5B0
RGB 176, 186, 255 255, 245, 176
HSL 232.4, 100.0%, 84.5% 52.4, 100.0%, 84.5%
HSV 232.4, 31.0%, 100.0% 52.4, 31.0%, 100.0%
CMYK 31.0%, 27.1%, 0.0%, 0.0% 0.0%, 3.9%, 31.0%, 0.0%
OKLCH 0.8063 0.0983 277.6 0.9621 0.0877 100.9

Contrast & Accessibility

1.67:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFF5B0 → Background: #B0BAFF

The quick brown fox jumps over the lazy dog

Text: #B0BAFF → Background: #FFF5B0

Color Difference (Delta E)

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

Gradient

#B0BAFF #C1C3F3 #D0CDE6 #DDD7D9 #E9E1CC #F5EBBE #FFF5B0

Color Mixing

#B0BAFF

100%

#C9C8EC

75:25

#DDD7D9

50:50

#EFE6C5

25:75

#FFF5B0

100%

CSS Gradient Code

background: linear-gradient(to right, #B0BAFF, #FFF5B0);
background: linear-gradient(135deg, #B0BAFF, #FFF5B0);

Explore Each Color

#B0BAFF

View full color details

#FFF5B0

View full color details

Related Comparisons