#5787DC

#5787DC

#DCAC57

#DCAC57

Contrast Ratio

1.71:1

Delta E

99.34

Very Different

50:50 Mix

#AE989D

Color Values

Format #5787DC #DCAC57
HEX #5787DC #DCAC57
RGB 87, 135, 220 220, 172, 87
HSL 218.3, 65.5%, 60.2% 38.3, 65.5%, 60.2%
HSV 218.3, 60.5%, 86.3% 38.3, 60.5%, 86.3%
CMYK 60.5%, 38.6%, 0.0%, 13.7% 0.0%, 21.8%, 60.5%, 13.7%
OKLCH 0.6288 0.1389 261.1 0.7717 0.1171 79.8

Contrast & Accessibility

1.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DCAC57 → Background: #5787DC

The quick brown fox jumps over the lazy dog

Text: #5787DC → Background: #DCAC57

Color Difference (Delta E)

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

Gradient

#5787DC #7E8CC7 #9992B2 #AE989D #BF9E87 #CFA570 #DCAC57

Color Mixing

#5787DC

100%

#8D8FBC

75:25

#AE989D

50:50

#C7A27B

25:75

#DCAC57

100%

CSS Gradient Code

background: linear-gradient(to right, #5787DC, #DCAC57);
background: linear-gradient(135deg, #5787DC, #DCAC57);

Explore Each Color

#5787DC

View full color details

#DCAC57

View full color details

Related Comparisons