#405ABC

#405ABC

#BCA240

#BCA240

Contrast Ratio

2.46:1

Delta E

113.1

Very Different

50:50 Mix

#937C84

Color Values

Format #405ABC #BCA240
HEX #405ABC #BCA240
RGB 64, 90, 188 188, 162, 64
HSL 227.4, 49.2%, 49.4% 47.4, 49.2%, 49.4%
HSV 227.4, 66.0%, 73.7% 47.4, 66.0%, 73.7%
CMYK 66.0%, 52.1%, 0.0%, 26.3% 0.0%, 13.8%, 66.0%, 26.3%
OKLCH 0.502 0.1569 268.9 0.7168 0.12 94.2

Contrast & Accessibility

2.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BCA240 → Background: #405ABC

The quick brown fox jumps over the lazy dog

Text: #405ABC → Background: #BCA240

Color Difference (Delta E)

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

Gradient

#405ABC #6764A9 #807097 #937C84 #A38870 #B0955A #BCA240

Color Mixing

#405ABC

100%

#746AA0

75:25

#937C84

50:50

#AA8E65

25:75

#BCA240

100%

CSS Gradient Code

background: linear-gradient(to right, #405ABC, #BCA240);
background: linear-gradient(135deg, #405ABC, #BCA240);

Explore Each Color

#405ABC

View full color details

#BCA240

View full color details

Related Comparisons