#577AF4

#577AF4

#F4D157

#F4D157

Contrast Ratio

2.57:1

Delta E

134.33

Very Different

50:50 Mix

#C0A3AC

Color Values

Format #577AF4 #F4D157
HEX #577AF4 #F4D157
RGB 87, 122, 244 244, 209, 87
HSL 226.6, 87.7%, 64.9% 46.6, 87.7%, 64.9%
HSV 226.6, 64.3%, 95.7% 46.6, 64.3%, 95.7%
CMYK 64.3%, 50.0%, 0.0%, 4.3% 0.0%, 14.3%, 64.3%, 4.3%
OKLCH 0.6174 0.1866 268.4 0.8683 0.1437 93.1

Contrast & Accessibility

2.57:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4D157 → Background: #577AF4

The quick brown fox jumps over the lazy dog

Text: #577AF4 → Background: #F4D157

Color Difference (Delta E)

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

Gradient

#577AF4 #8887DC #A894C5 #C0A3AC #D4B293 #E5C177 #F4D157

Color Mixing

#577AF4

100%

#998DD1

75:25

#C0A3AC

50:50

#DDB985

25:75

#F4D157

100%

CSS Gradient Code

background: linear-gradient(to right, #577AF4, #F4D157);
background: linear-gradient(135deg, #577AF4, #F4D157);

Explore Each Color

#577AF4

View full color details

#F4D157

View full color details

Related Comparisons