#5B8DAF

#5B8DAF

#AF7D5B

#AF7D5B

Contrast Ratio

1.01:1

Delta E

54.18

Very Different

50:50 Mix

#908585

Color Values

Format #5B8DAF #AF7D5B
HEX #5B8DAF #AF7D5B
RGB 91, 141, 175 175, 125, 91
HSL 204.3, 34.4%, 52.2% 24.3, 34.4%, 52.2%
HSV 204.3, 48.0%, 68.6% 24.3, 48.0%, 68.6%
CMYK 48.0%, 19.4%, 0.0%, 31.4% 0.0%, 28.6%, 48.0%, 31.4%
OKLCH 0.6214 0.0745 239.3 0.6318 0.0786 55.0

Contrast & Accessibility

1.01:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF7D5B → Background: #5B8DAF

The quick brown fox jumps over the lazy dog

Text: #5B8DAF → Background: #AF7D5B

Color Difference (Delta E)

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

Gradient

#5B8DAF #718AA1 #828893 #908585 #9C8377 #A68069 #AF7D5B

Color Mixing

#5B8DAF

100%

#7A899A

75:25

#908585

50:50

#A18170

25:75

#AF7D5B

100%

CSS Gradient Code

background: linear-gradient(to right, #5B8DAF, #AF7D5B);
background: linear-gradient(135deg, #5B8DAF, #AF7D5B);

Explore Each Color

#5B8DAF

View full color details

#AF7D5B

View full color details

Related Comparisons