#405DCC

#405DCC

#CCAF40

#CCAF40

Contrast Ratio

2.67:1

Delta E

125.82

Very Different

50:50 Mix

#9F838D

Color Values

Format #405DCC #CCAF40
HEX #405DCC #CCAF40
RGB 64, 93, 204 204, 175, 64
HSL 227.6, 57.9%, 52.5% 47.6, 57.9%, 52.5%
HSV 227.6, 68.6%, 80.0% 47.6, 68.6%, 80.0%
CMYK 68.6%, 54.4%, 0.0%, 20.0% 0.0%, 14.2%, 68.6%, 20.0%
OKLCH 0.52 0.1751 268.6 0.7593 0.1314 94.2

Contrast & Accessibility

2.67:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCAF40 → Background: #405DCC

The quick brown fox jumps over the lazy dog

Text: #405DCC → Background: #CCAF40

Color Difference (Delta E)

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

Gradient

#405DCC #6E69B7 #8A76A2 #9F838D #B09176 #BFA05E #CCAF40

Color Mixing

#405DCC

100%

#7D6FAD

75:25

#9F838D

50:50

#B8996B

25:75

#CCAF40

100%

CSS Gradient Code

background: linear-gradient(to right, #405DCC, #CCAF40);
background: linear-gradient(135deg, #405DCC, #CCAF40);

Explore Each Color

#405DCC

View full color details

#CCAF40

View full color details

Related Comparisons