#5480AF

#5480AF

#AF8354

#AF8354

Contrast Ratio

1.22:1

Delta E

62.92

Very Different

50:50 Mix

#8E8182

Color Values

Format #5480AF #AF8354
HEX #5480AF #AF8354
RGB 84, 128, 175 175, 131, 84
HSL 211.0, 36.3%, 50.8% 31.0, 36.3%, 50.8%
HSV 211.0, 52.0%, 68.6% 31.0, 52.0%, 68.6%
CMYK 52.0%, 26.9%, 0.0%, 31.4% 0.0%, 25.1%, 52.0%, 31.4%
OKLCH 0.5878 0.0874 251.0 0.6423 0.0833 67.3

Contrast & Accessibility

1.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF8354 → Background: #5480AF

The quick brown fox jumps over the lazy dog

Text: #5480AF → Background: #AF8354

Color Difference (Delta E)

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

Gradient

#5480AF #6D80A0 #7F8191 #8E8182 #9A8273 #A58264 #AF8354

Color Mixing

#5480AF

100%

#768199

75:25

#8E8182

50:50

#A0826C

25:75

#AF8354

100%

CSS Gradient Code

background: linear-gradient(to right, #5480AF, #AF8354);
background: linear-gradient(135deg, #5480AF, #AF8354);

Explore Each Color

#5480AF

View full color details

#AF8354

View full color details

Related Comparisons