#335CCC

#335CCC

#CCA333

#CCA333

Contrast Ratio

2.5:1

Delta E

127.22

Very Different

50:50 Mix

#9E7D87

Color Values

Format #335CCC #CCA333
HEX #335CCC #CCA333
RGB 51, 92, 204 204, 163, 51
HSL 223.9, 60.0%, 50.0% 43.9, 60.0%, 50.0%
HSV 223.9, 75.0%, 80.0% 43.9, 75.0%, 80.0%
CMYK 75.0%, 54.9%, 0.0%, 20.0% 0.0%, 20.1%, 75.0%, 20.0%
OKLCH 0.512 0.18 265.3 0.7339 0.1329 87.7

Contrast & Accessibility

2.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCA333 → Background: #335CCC

The quick brown fox jumps over the lazy dog

Text: #335CCC → Background: #CCA333

Color Difference (Delta E)

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

Gradient

#335CCC #6966B5 #88719F #9E7D87 #B0896F #BF9654 #CCA333

Color Mixing

#335CCC

100%

#7A6BAA

75:25

#9E7D87

50:50

#B78F62

25:75

#CCA333

100%

CSS Gradient Code

background: linear-gradient(to right, #335CCC, #CCA333);
background: linear-gradient(135deg, #335CCC, #CCA333);

Explore Each Color

#335CCC

View full color details

#CCA333

View full color details

Related Comparisons