#325CCC

#325CCC

#CCA232

#CCA232

Contrast Ratio

2.48:1

Delta E

127.27

Very Different

50:50 Mix

#9E7C87

Color Values

Format #325CCC #CCA232
HEX #325CCC #CCA232
RGB 50, 92, 204 204, 162, 50
HSL 223.6, 60.6%, 49.8% 43.6, 60.6%, 49.8%
HSV 223.6, 75.5%, 80.0% 43.6, 75.5%, 80.0%
CMYK 75.5%, 54.9%, 0.0%, 20.0% 0.0%, 20.6%, 75.5%, 20.0%
OKLCH 0.5116 0.1803 265.0 0.7318 0.1331 87.2

Contrast & Accessibility

2.48:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCA232 → Background: #325CCC

The quick brown fox jumps over the lazy dog

Text: #325CCC → Background: #CCA232

Color Difference (Delta E)

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

Gradient

#325CCC #6966B5 #87709E #9E7C87 #B0886F #BF9554 #CCA232

Color Mixing

#325CCC

100%

#7A6BAA

75:25

#9E7C87

50:50

#B78F62

25:75

#CCA232

100%

CSS Gradient Code

background: linear-gradient(to right, #325CCC, #CCA232);
background: linear-gradient(135deg, #325CCC, #CCA232);

Explore Each Color

#325CCC

View full color details

#CCA232

View full color details

Related Comparisons