#5484AF

#5484AF

#AF7F54

#AF7F54

Contrast Ratio

1.13:1

Delta E

60.88

Very Different

50:50 Mix

#8E8182

Color Values

Format #5484AF #AF7F54
HEX #5484AF #AF7F54
RGB 84, 132, 175 175, 127, 84
HSL 208.4, 36.3%, 50.8% 28.4, 36.3%, 50.8%
HSV 208.4, 52.0%, 68.6% 28.4, 52.0%, 68.6%
CMYK 52.0%, 24.6%, 0.0%, 31.4% 0.0%, 27.4%, 52.0%, 31.4%
OKLCH 0.597 0.0843 246.8 0.6344 0.0835 62.3

Contrast & Accessibility

1.13:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF7F54 → Background: #5484AF

The quick brown fox jumps over the lazy dog

Text: #5484AF → Background: #AF7F54

Color Difference (Delta E)

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

Gradient

#5484AF #6D83A0 #7F8291 #8E8182 #9A8173 #A58064 #AF7F54

Color Mixing

#5484AF

100%

#768398

75:25

#8E8182

50:50

#A0806B

25:75

#AF7F54

100%

CSS Gradient Code

background: linear-gradient(to right, #5484AF, #AF7F54);
background: linear-gradient(135deg, #5484AF, #AF7F54);

Explore Each Color

#5484AF

View full color details

#AF7F54

View full color details

Related Comparisons