#5286F1

#5286F1

#F1BD52

#F1BD52

Contrast Ratio

2.01:1

Delta E

120.86

Very Different

50:50 Mix

Color Values

Format #5286F1 #F1BD52
HEX #5286F1 #F1BD52
RGB 82, 134, 241 241, 189, 82
HSL 220.4, 85.0%, 63.3% 40.4, 85.0%, 63.3%
HSV 220.4, 66.0%, 94.5% 40.4, 66.0%, 94.5%
CMYK 66.0%, 44.4%, 0.0%, 5.5% 0.0%, 21.6%, 66.0%, 5.5%
OKLCH 0.637 0.1699 263.0 0.8257 0.1362 82.7

Contrast & Accessibility

2.01:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F1BD52 → Background: #5286F1

The quick brown fox jumps over the lazy dog

Text: #5286F1 → Background: #F1BD52

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #5286F1, #F1BD52);
background: linear-gradient(135deg, #5286F1, #F1BD52);

Explore Each Color

Related Comparisons