#537DAF

#537DAF

#AF8553

#AF8553

Contrast Ratio

1.28:1

Delta E

65.13

Very Different

50:50 Mix

#8D8182

Color Values

Format #537DAF #AF8553
HEX #537DAF #AF8553
RGB 83, 125, 175 175, 133, 83
HSL 212.6, 36.5%, 50.6% 32.6, 36.5%, 50.6%
HSV 212.6, 52.6%, 68.6% 32.6, 52.6%, 68.6%
CMYK 52.6%, 28.6%, 0.0%, 31.4% 0.0%, 24.0%, 52.6%, 31.4%
OKLCH 0.5804 0.0906 253.5 0.6462 0.0843 70.3

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: #AF8553 → Background: #537DAF

The quick brown fox jumps over the lazy dog

Text: #537DAF → Background: #AF8553

Color Difference (Delta E)

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

Gradient

#537DAF #6C7EA0 #7E7F91 #8D8182 #9A8273 #A58363 #AF8553

Color Mixing

#537DAF

100%

#767F98

75:25

#8D8182

50:50

#A0836B

25:75

#AF8553

100%

CSS Gradient Code

background: linear-gradient(to right, #537DAF, #AF8553);
background: linear-gradient(135deg, #537DAF, #AF8553);

Explore Each Color

#537DAF

View full color details

#AF8553

View full color details

Related Comparisons