#586AA6

#586AA6

#A69458

#A69458

Contrast Ratio

1.74:1

Delta E

71.23

Very Different

50:50 Mix

#887E81

Color Values

Format #586AA6 #A69458
HEX #586AA6 #A69458
RGB 88, 106, 166 166, 148, 88
HSL 226.2, 30.7%, 49.8% 46.2, 30.7%, 49.8%
HSV 226.2, 47.0%, 65.1% 46.2, 47.0%, 65.1%
CMYK 47.0%, 36.1%, 0.0%, 34.9% 0.0%, 10.8%, 47.0%, 34.9%
OKLCH 0.5364 0.0968 270.2 0.6688 0.0823 93.2

Contrast & Accessibility

1.74:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #A69458 → Background: #586AA6

The quick brown fox jumps over the lazy dog

Text: #586AA6 → Background: #A69458

Color Difference (Delta E)

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

Gradient

#586AA6 #6B709A #7B778D #887E81 #938574 #9D8D66 #A69458

Color Mixing

#586AA6

100%

#737494

75:25

#887E81

50:50

#98896D

25:75

#A69458

100%

CSS Gradient Code

background: linear-gradient(to right, #586AA6, #A69458);
background: linear-gradient(135deg, #586AA6, #A69458);

Explore Each Color

#586AA6

View full color details

#A69458

View full color details

Related Comparisons