#406AAF

#406AAF

#AF8540

#AF8540

Contrast Ratio

1.6:1

Delta E

84.85

Very Different

50:50 Mix

#89767A

Color Values

Format #406AAF #AF8540
HEX #406AAF #AF8540
RGB 64, 106, 175 175, 133, 64
HSL 217.3, 46.4%, 46.9% 37.3, 46.4%, 46.9%
HSV 217.3, 63.4%, 68.6% 37.3, 63.4%, 68.6%
CMYK 63.4%, 39.4%, 0.0%, 31.4% 0.0%, 24.0%, 63.4%, 31.4%
OKLCH 0.5275 0.1189 259.8 0.6435 0.1007 77.7

Contrast & Accessibility

1.6:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF8540 → Background: #406AAF

The quick brown fox jumps over the lazy dog

Text: #406AAF → Background: #AF8540

Color Difference (Delta E)

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

Gradient

#406AAF #626E9D #78728C #89767A #987B68 #A48055 #AF8540

Color Mixing

#406AAF

100%

#6E7095

75:25

#89767A

50:50

#9E7D5E

25:75

#AF8540

100%

CSS Gradient Code

background: linear-gradient(to right, #406AAF, #AF8540);
background: linear-gradient(135deg, #406AAF, #AF8540);

Explore Each Color

#406AAF

View full color details

#AF8540

View full color details

Related Comparisons