#545AAF

#545AAF

#AFA954

#AFA954

Contrast Ratio

2.49:1

Delta E

99.31

Very Different

50:50 Mix

#8E8085

Color Values

Format #545AAF #AFA954
HEX #545AAF #AFA954
RGB 84, 90, 175 175, 169, 84
HSL 236.0, 36.3%, 50.8% 56.0, 36.3%, 50.8%
HSV 236.0, 52.0%, 68.6% 56.0, 52.0%, 68.6%
CMYK 52.0%, 48.6%, 0.0%, 31.4% 0.0%, 3.4%, 52.0%, 31.4%
OKLCH 0.5057 0.133 277.5 0.7219 0.1077 105.1

Contrast & Accessibility

2.49:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AFA954 → Background: #545AAF

The quick brown fox jumps over the lazy dog

Text: #545AAF → Background: #AFA954

Color Difference (Delta E)

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

Gradient

#545AAF #6C66A2 #7F7394 #8E8085 #9A8D76 #A59B66 #AFA954

Color Mixing

#545AAF

100%

#766C9B

75:25

#8E8085

50:50

#A0946F

25:75

#AFA954

100%

CSS Gradient Code

background: linear-gradient(to right, #545AAF, #AFA954);
background: linear-gradient(135deg, #545AAF, #AFA954);

Explore Each Color

#545AAF

View full color details

#AFA954

View full color details

Related Comparisons