#5B88AF

#5B88AF

#AF825B

#AF825B

Contrast Ratio

1.1:1

Delta E

55.84

Very Different

50:50 Mix

#8F8585

Color Values

Format #5B88AF #AF825B
HEX #5B88AF #AF825B
RGB 91, 136, 175 175, 130, 91
HSL 207.9, 34.4%, 52.2% 27.9, 34.4%, 52.2%
HSV 207.9, 48.0%, 68.6% 27.9, 48.0%, 68.6%
CMYK 48.0%, 22.3%, 0.0%, 31.4% 0.0%, 25.7%, 48.0%, 31.4%
OKLCH 0.6099 0.0774 245.7 0.6415 0.0774 61.7

Contrast & Accessibility

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF825B → Background: #5B88AF

The quick brown fox jumps over the lazy dog

Text: #5B88AF → Background: #AF825B

Color Difference (Delta E)

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

Gradient

#5B88AF #7187A1 #828693 #8F8585 #9B8477 #A68369 #AF825B

Color Mixing

#5B88AF

100%

#7A869A

75:25

#8F8585

50:50

#A18370

25:75

#AF825B

100%

CSS Gradient Code

background: linear-gradient(to right, #5B88AF, #AF825B);
background: linear-gradient(135deg, #5B88AF, #AF825B);

Explore Each Color

#5B88AF

View full color details

#AF825B

View full color details

Related Comparisons