#577CFA

#577CFA

#FAD557

#FAD557

Contrast Ratio

2.6:1

Delta E

138.09

Very Different

50:50 Mix

#C4A6B0

Color Values

Format #577CFA #FAD557
HEX #577CFA #FAD557
RGB 87, 124, 250 250, 213, 87
HSL 226.4, 94.2%, 66.1% 46.4, 94.2%, 66.1%
HSV 226.4, 65.2%, 98.0% 46.4, 65.2%, 98.0%
CMYK 65.2%, 50.4%, 0.0%, 2.0% 0.0%, 14.8%, 65.2%, 2.0%
OKLCH 0.6254 0.1921 268.1 0.8819 0.1473 92.7

Contrast & Accessibility

2.6:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FAD557 → Background: #577CFA

The quick brown fox jumps over the lazy dog

Text: #577CFA → Background: #FAD557

Color Difference (Delta E)

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

Gradient

#577CFA #8A89E2 #AB97C9 #C4A6B0 #D9B595 #EAC579 #FAD557

Color Mixing

#577CFA

100%

#9C90D5

75:25

#C4A6B0

50:50

#E2BD87

25:75

#FAD557

100%

CSS Gradient Code

background: linear-gradient(to right, #577CFA, #FAD557);
background: linear-gradient(135deg, #577CFA, #FAD557);

Explore Each Color

#577CFA

View full color details

#FAD557

View full color details

Related Comparisons