#577FC0

#577FC0

#C09857

#C09857

Contrast Ratio

1.51:1

Delta E

78.79

Very Different

50:50 Mix

#9A8B8D

Color Values

Format #577FC0 #C09857
HEX #577FC0 #C09857
RGB 87, 127, 192 192, 152, 87
HSL 217.1, 45.5%, 54.7% 37.1, 45.5%, 54.7%
HSV 217.1, 54.7%, 75.3% 37.1, 54.7%, 75.3%
CMYK 54.7%, 33.9%, 0.0%, 24.7% 0.0%, 20.8%, 54.7%, 24.7%
OKLCH 0.5959 0.1096 259.7 0.703 0.0959 78.3

Contrast & Accessibility

1.51:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C09857 → Background: #577FC0

The quick brown fox jumps over the lazy dog

Text: #577FC0 → Background: #C09857

Color Difference (Delta E)

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

Gradient

#577FC0 #7483AF #89879E #9A8B8D #A88F7C #B5936A #C09857

Color Mixing

#577FC0

100%

#7F85A7

75:25

#9A8B8D

50:50

#AF9173

25:75

#C09857

100%

CSS Gradient Code

background: linear-gradient(to right, #577FC0, #C09857);
background: linear-gradient(135deg, #577FC0, #C09857);

Explore Each Color

#577FC0

View full color details

#C09857

View full color details

Related Comparisons