#5789DD

#5789DD

#DDAB57

#DDAB57

Contrast Ratio

1.67:1

Delta E

98.68

Very Different

50:50 Mix

#AF999D

Color Values

Format #5789DD #DDAB57
HEX #5789DD #DDAB57
RGB 87, 137, 221 221, 171, 87
HSL 217.6, 66.3%, 60.4% 37.6, 66.3%, 60.4%
HSV 217.6, 60.6%, 86.7% 37.6, 60.6%, 86.7%
CMYK 60.6%, 38.0%, 0.0%, 13.3% 0.0%, 22.6%, 60.6%, 13.3%
OKLCH 0.6337 0.1381 260.2 0.7708 0.1173 78.5

Contrast & Accessibility

1.67:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DDAB57 → Background: #5789DD

The quick brown fox jumps over the lazy dog

Text: #5789DD → Background: #DDAB57

Color Difference (Delta E)

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

Gradient

#5789DD #7F8EC8 #9A93B2 #AF999D #C09F87 #D0A570 #DDAB57

Color Mixing

#5789DD

100%

#8D90BD

75:25

#AF999D

50:50

#C8A27C

25:75

#DDAB57

100%

CSS Gradient Code

background: linear-gradient(to right, #5789DD, #DDAB57);
background: linear-gradient(135deg, #5789DD, #DDAB57);

Explore Each Color

#5789DD

View full color details

#DDAB57

View full color details

Related Comparisons