#577DF0

#577DF0

#F0CA57

#F0CA57

Contrast Ratio

2.37:1

Delta E

127.56

Very Different

50:50 Mix

#BDA1A9

Color Values

Format #577DF0 #F0CA57
HEX #577DF0 #F0CA57
RGB 87, 125, 240 240, 202, 87
HSL 225.1, 83.6%, 64.1% 45.1, 83.6%, 64.1%
HSV 225.1, 63.7%, 94.1% 45.1, 63.7%, 94.1%
CMYK 63.7%, 47.9%, 0.0%, 5.9% 0.0%, 15.8%, 63.7%, 5.9%
OKLCH 0.6206 0.1776 267.3 0.8506 0.1385 90.8

Contrast & Accessibility

2.37:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F0CA57 → Background: #577DF0

The quick brown fox jumps over the lazy dog

Text: #577DF0 → Background: #F0CA57

Color Difference (Delta E)

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

Gradient

#577DF0 #8688D9 #A594C1 #BDA1A9 #D0AE91 #E1BC76 #F0CA57

Color Mixing

#577DF0

100%

#978ECD

75:25

#BDA1A9

50:50

#D9B584

25:75

#F0CA57

100%

CSS Gradient Code

background: linear-gradient(to right, #577DF0, #F0CA57);
background: linear-gradient(135deg, #577DF0, #F0CA57);

Explore Each Color

#577DF0

View full color details

#F0CA57

View full color details

Related Comparisons