#858BF2

#858BF2

#F2EC85

#F2EC85

Contrast Ratio

2.45:1

Delta E

113.18

Very Different

50:50 Mix

#C8BAC0

Color Values

Format #858BF2 #F2EC85
HEX #858BF2 #F2EC85
RGB 133, 139, 242 242, 236, 133
HSL 236.7, 80.7%, 73.5% 56.7, 80.7%, 73.5%
HSV 236.7, 45.0%, 94.9% 56.7, 45.0%, 94.9%
CMYK 45.0%, 42.6%, 0.0%, 5.1% 0.0%, 2.5%, 45.0%, 5.1%
OKLCH 0.6776 0.1506 279.0 0.9264 0.1255 105.7

Contrast & Accessibility

2.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2EC85 → Background: #858BF2

The quick brown fox jumps over the lazy dog

Text: #858BF2 → Background: #F2EC85

Color Difference (Delta E)

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

Gradient

#858BF2 #A09AE2 #B6AAD1 #C8BAC0 #D8CAAD #E6DB9A #F2EC85

Color Mixing

#858BF2

100%

#ACA2D9

75:25

#C8BAC0

50:50

#DFD3A4

25:75

#F2EC85

100%

CSS Gradient Code

background: linear-gradient(to right, #858BF2, #F2EC85);
background: linear-gradient(135deg, #858BF2, #F2EC85);

Explore Each Color

#858BF2

View full color details

#F2EC85

View full color details

Related Comparisons