#558DFA

#558DFA

#FAC255

#FAC255

Contrast Ratio

1.96:1

Delta E

122.82

Very Different

50:50 Mix

#C4A5AD

Color Values

Format #558DFA #FAC255
HEX #558DFA #FAC255
RGB 85, 141, 250 250, 194, 85
HSL 219.6, 94.3%, 65.7% 39.6, 94.3%, 65.7%
HSV 219.6, 66.0%, 98.0% 39.6, 66.0%, 98.0%
CMYK 66.0%, 43.6%, 0.0%, 2.0% 0.0%, 22.4%, 66.0%, 2.0%
OKLCH 0.6584 0.1728 262.2 0.8448 0.1396 81.4

Contrast & Accessibility

1.96:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FAC255 → Background: #558DFA

The quick brown fox jumps over the lazy dog

Text: #558DFA → Background: #FAC255

Color Difference (Delta E)

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

Gradient

#558DFA #8A94E0 #AB9DC7 #C4A5AD #D9AE92 #EAB875 #FAC255

Color Mixing

#558DFA

100%

#9C98D3

75:25

#C4A5AD

50:50

#E2B384

25:75

#FAC255

100%

CSS Gradient Code

background: linear-gradient(to right, #558DFA, #FAC255);
background: linear-gradient(135deg, #558DFA, #FAC255);

Explore Each Color

#558DFA

View full color details

#FAC255

View full color details

Related Comparisons