#557DFA

#557DFA

#FAD255

#FAD255

Contrast Ratio

2.53:1

Delta E

137.23

Very Different

50:50 Mix

#C4A5AF

Color Values

Format #557DFA #FAD255
HEX #557DFA #FAD255
RGB 85, 125, 250 250, 210, 85
HSL 225.5, 94.3%, 65.7% 45.5, 94.3%, 65.7%
HSV 225.5, 66.0%, 98.0% 45.5, 66.0%, 98.0%
CMYK 66.0%, 50.0%, 0.0%, 2.0% 0.0%, 16.0%, 66.0%, 2.0%
OKLCH 0.6263 0.1915 267.3 0.8758 0.147 91.2

Contrast & Accessibility

2.53:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FAD255 → Background: #557DFA

The quick brown fox jumps over the lazy dog

Text: #557DFA → Background: #FAD255

Color Difference (Delta E)

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

Gradient

#557DFA #8A89E1 #AB96C8 #C4A5AF #D9B394 #EAC277 #FAD255

Color Mixing

#557DFA

100%

#9B90D5

75:25

#C4A5AF

50:50

#E2BB86

25:75

#FAD255

100%

CSS Gradient Code

background: linear-gradient(to right, #557DFA, #FAD255);
background: linear-gradient(135deg, #557DFA, #FAD255);

Explore Each Color

#557DFA

View full color details

#FAD255

View full color details

Related Comparisons