#558BFA

#558BFA

#FAC455

#FAC455

Contrast Ratio

2.03:1

Delta E

124.51

Very Different

50:50 Mix

#C4A5AD

Color Values

Format #558BFA #FAC455
HEX #558BFA #FAC455
RGB 85, 139, 250 250, 196, 85
HSL 220.4, 94.3%, 65.7% 40.4, 94.3%, 65.7%
HSV 220.4, 66.0%, 98.0% 40.4, 66.0%, 98.0%
CMYK 66.0%, 44.4%, 0.0%, 2.0% 0.0%, 21.6%, 66.0%, 2.0%
OKLCH 0.6543 0.1751 262.9 0.8486 0.1403 82.7

Contrast & Accessibility

2.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FAC455 → Background: #558BFA

The quick brown fox jumps over the lazy dog

Text: #558BFA → Background: #FAC455

Color Difference (Delta E)

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

Gradient

#558BFA #8A93E0 #AB9CC7 #C4A5AD #D9AF92 #EAB976 #FAC455

Color Mixing

#558BFA

100%

#9C97D4

75:25

#C4A5AD

50:50

#E2B484

25:75

#FAC455

100%

CSS Gradient Code

background: linear-gradient(to right, #558BFA, #FAC455);
background: linear-gradient(135deg, #558BFA, #FAC455);

Explore Each Color

#558BFA

View full color details

#FAC455

View full color details

Related Comparisons