#5458AF

#5458AF

#AFAB54

#AFAB54

Contrast Ratio

2.59:1

Delta E

101.68

Very Different

50:50 Mix

#8E8086

Color Values

Format #5458AF #AFAB54
HEX #5458AF #AFAB54
RGB 84, 88, 175 175, 171, 84
HSL 237.4, 36.3%, 50.8% 57.4, 36.3%, 50.8%
HSV 237.4, 52.0%, 68.6% 57.4, 52.0%, 68.6%
CMYK 52.0%, 49.7%, 0.0%, 31.4% 0.0%, 2.3%, 52.0%, 31.4%
OKLCH 0.5017 0.1358 278.3 0.7262 0.1099 106.5

Contrast & Accessibility

2.59:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AFAB54 → Background: #5458AF

The quick brown fox jumps over the lazy dog

Text: #5458AF → Background: #AFAB54

Color Difference (Delta E)

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

Gradient

#5458AF #6C65A2 #7F7294 #8E8086 #9A8E77 #A59C66 #AFAB54

Color Mixing

#5458AF

100%

#766B9B

75:25

#8E8086

50:50

#A0956F

25:75

#AFAB54

100%

CSS Gradient Code

background: linear-gradient(to right, #5458AF, #AFAB54);
background: linear-gradient(135deg, #5458AF, #AFAB54);

Explore Each Color

#5458AF

View full color details

#AFAB54

View full color details

Related Comparisons