#405BAF

#405BAF

#AF9440

#AF9440

Contrast Ratio

2.14:1

Delta E

98.85

Very Different

50:50 Mix

#89767C

Color Values

Format #405BAF #AF9440
HEX #405BAF #AF9440
RGB 64, 91, 175 175, 148, 64
HSL 225.4, 46.4%, 46.9% 45.4, 46.4%, 46.9%
HSV 225.4, 63.4%, 68.6% 45.4, 63.4%, 68.6%
CMYK 63.4%, 48.0%, 0.0%, 31.4% 0.0%, 15.4%, 63.4%, 31.4%
OKLCH 0.4948 0.1373 267.8 0.6745 0.1078 91.4

Contrast & Accessibility

2.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF9440 → Background: #405BAF

The quick brown fox jumps over the lazy dog

Text: #405BAF → Background: #AF9440

Color Difference (Delta E)

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

Gradient

#405BAF #62639E #786C8D #89767C #987F6A #A48A56 #AF9440

Color Mixing

#405BAF

100%

#6E6896

75:25

#89767C

50:50

#9E8460

25:75

#AF9440

100%

CSS Gradient Code

background: linear-gradient(to right, #405BAF, #AF9440);
background: linear-gradient(135deg, #405BAF, #AF9440);

Explore Each Color

#405BAF

View full color details

#AF9440

View full color details

Related Comparisons