#517EF1

#517EF1

#F1C451

#F1C451

Contrast Ratio

2.28:1

Delta E

128.1

Very Different

50:50 Mix

#BD9EA7

Color Values

Format #517EF1 #F1C451
HEX #517EF1 #F1C451
RGB 81, 126, 241 241, 196, 81
HSL 223.1, 85.1%, 63.1% 43.1, 85.1%, 63.1%
HSV 223.1, 66.4%, 94.5% 43.1, 66.4%, 94.5%
CMYK 66.4%, 47.7%, 0.0%, 5.5% 0.0%, 18.7%, 66.4%, 5.5%
OKLCH 0.6203 0.1796 265.4 0.8392 0.1399 87.4

Contrast & Accessibility

2.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F1C451 → Background: #517EF1

The quick brown fox jumps over the lazy dog

Text: #517EF1 → Background: #F1C451

Color Difference (Delta E)

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

Gradient

#517EF1 #8488D9 #A493C0 #BD9EA7 #D1AA8D #E2B771 #F1C451

Color Mixing

#517EF1

100%

#958DCC

75:25

#BD9EA7

50:50

#DAB180

25:75

#F1C451

100%

CSS Gradient Code

background: linear-gradient(to right, #517EF1, #F1C451);
background: linear-gradient(135deg, #517EF1, #F1C451);

Explore Each Color

#517EF1

View full color details

#F1C451

View full color details

Related Comparisons