#5A7DAF

#5A7DAF

#AF8C5A

#AF8C5A

Contrast Ratio

1.35:1

Delta E

62.78

Very Different

50:50 Mix

#8F8485

Color Values

Format #5A7DAF #AF8C5A
HEX #5A7DAF #AF8C5A
RGB 90, 125, 175 175, 140, 90
HSL 215.3, 34.7%, 52.0% 35.3, 34.7%, 52.0%
HSV 215.3, 48.6%, 68.6% 35.3, 48.6%, 68.6%
CMYK 48.6%, 28.6%, 0.0%, 31.4% 0.0%, 20.0%, 48.6%, 31.4%
OKLCH 0.5844 0.0871 257.3 0.6615 0.0793 75.6

Contrast & Accessibility

1.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF8C5A → Background: #5A7DAF

The quick brown fox jumps over the lazy dog

Text: #5A7DAF → Background: #AF8C5A

Color Difference (Delta E)

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

Gradient

#5A7DAF #707FA1 #818293 #8F8485 #9B8777 #A58969 #AF8C5A

Color Mixing

#5A7DAF

100%

#79809A

75:25

#8F8485

50:50

#A08870

25:75

#AF8C5A

100%

CSS Gradient Code

background: linear-gradient(to right, #5A7DAF, #AF8C5A);
background: linear-gradient(135deg, #5A7DAF, #AF8C5A);

Explore Each Color

#5A7DAF

View full color details

#AF8C5A

View full color details

Related Comparisons