#5B80AF

#5B80AF

#AF8A5B

#AF8A5B

Contrast Ratio

1.28:1

Delta E

60.31

Very Different

50:50 Mix

#8F8586

Color Values

Format #5B80AF #AF8A5B
HEX #5B80AF #AF8A5B
RGB 91, 128, 175 175, 138, 91
HSL 213.6, 34.4%, 52.2% 33.6, 34.4%, 52.2%
HSV 213.6, 48.0%, 68.6% 33.6, 48.0%, 68.6%
CMYK 48.0%, 26.9%, 0.0%, 31.4% 0.0%, 21.1%, 48.0%, 31.4%
OKLCH 0.5917 0.0837 254.8 0.6576 0.0777 72.5

Contrast & Accessibility

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF8A5B → Background: #5B80AF

The quick brown fox jumps over the lazy dog

Text: #5B80AF → Background: #AF8A5B

Color Difference (Delta E)

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

Gradient

#5B80AF #7081A1 #818394 #8F8586 #9B8678 #A5886A #AF8A5B

Color Mixing

#5B80AF

100%

#79829A

75:25

#8F8586

50:50

#A08771

25:75

#AF8A5B

100%

CSS Gradient Code

background: linear-gradient(to right, #5B80AF, #AF8A5B);
background: linear-gradient(135deg, #5B80AF, #AF8A5B);

Explore Each Color

#5B80AF

View full color details

#AF8A5B

View full color details

Related Comparisons