#3544AF

#3544AF

#AFA035

#AFA035

Contrast Ratio

3.04:1

Delta E

124.01

Very Different

50:50 Mix

#896F7A

Color Values

Format #3544AF #AFA035
HEX #3544AF #AFA035
RGB 53, 68, 175 175, 160, 53
HSL 232.6, 53.5%, 44.7% 52.6, 53.5%, 44.7%
HSV 232.6, 69.7%, 68.6% 52.6, 69.7%, 68.6%
CMYK 69.7%, 61.1%, 0.0%, 31.4% 0.0%, 8.6%, 69.7%, 31.4%
OKLCH 0.4426 0.1699 271.5 0.6991 0.1256 101.2

Contrast & Accessibility

3.04:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AFA035 → Background: #3544AF

The quick brown fox jumps over the lazy dog

Text: #3544AF → Background: #AFA035

Color Difference (Delta E)

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

Gradient

#3544AF #5D529E #76608C #896F7A #987F66 #A48F50 #AFA035

Color Mixing

#3544AF

100%

#6B5995

75:25

#896F7A

50:50

#9E875C

25:75

#AFA035

100%

CSS Gradient Code

background: linear-gradient(to right, #3544AF, #AFA035);
background: linear-gradient(135deg, #3544AF, #AFA035);

Explore Each Color

#3544AF

View full color details

#AFA035

View full color details

Related Comparisons