#5589AF

#5589AF

#AF7B55

#AF7B55

Contrast Ratio

1.04:1

Delta E

58.54

Very Different

50:50 Mix

#8F8282

Color Values

Format #5589AF #AF7B55
HEX #5589AF #AF7B55
RGB 85, 137, 175 175, 123, 85
HSL 205.3, 36.0%, 51.0% 25.3, 36.0%, 51.0%
HSV 205.3, 51.4%, 68.6% 25.3, 51.4%, 68.6%
CMYK 51.4%, 21.7%, 0.0%, 31.4% 0.0%, 29.7%, 51.4%, 31.4%
OKLCH 0.609 0.0804 241.5 0.6268 0.0837 56.7

Contrast & Accessibility

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF7B55 → Background: #5589AF

The quick brown fox jumps over the lazy dog

Text: #5589AF → Background: #AF7B55

Color Difference (Delta E)

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

Gradient

#5589AF #6E87A0 #808491 #8F8282 #9B8073 #A67D64 #AF7B55

Color Mixing

#5589AF

100%

#778699

75:25

#8F8282

50:50

#A07F6C

25:75

#AF7B55

100%

CSS Gradient Code

background: linear-gradient(to right, #5589AF, #AF7B55);
background: linear-gradient(135deg, #5589AF, #AF7B55);

Explore Each Color

#5589AF

View full color details

#AF7B55

View full color details

Related Comparisons