#5B85AF

#5B85AF

#AF855B

#AF855B

Contrast Ratio

1.17:1

Delta E

57.27

Very Different

50:50 Mix

#8F8585

Color Values

Format #5B85AF #AF855B
HEX #5B85AF #AF855B
RGB 91, 133, 175 175, 133, 91
HSL 210.0, 34.4%, 52.2% 30.0, 34.4%, 52.2%
HSV 210.0, 48.0%, 68.6% 30.0, 48.0%, 68.6%
CMYK 48.0%, 24.0%, 0.0%, 31.4% 0.0%, 24.0%, 48.0%, 31.4%
OKLCH 0.6031 0.0795 249.3 0.6475 0.0772 65.8

Contrast & Accessibility

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF855B → Background: #5B85AF

The quick brown fox jumps over the lazy dog

Text: #5B85AF → Background: #AF855B

Color Difference (Delta E)

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

Gradient

#5B85AF #7185A1 #818593 #8F8585 #9B8578 #A68569 #AF855B

Color Mixing

#5B85AF

100%

#79859A

75:25

#8F8585

50:50

#A18571

25:75

#AF855B

100%

CSS Gradient Code

background: linear-gradient(to right, #5B85AF, #AF855B);
background: linear-gradient(135deg, #5B85AF, #AF855B);

Explore Each Color

#5B85AF

View full color details

#AF855B

View full color details

Related Comparisons