#353CCC

#353CCC

#CCC535

#CCC535

Contrast Ratio

4.35:1

Delta E

160.48

Very Different

50:50 Mix

#A07E8D

Color Values

Format #353CCC #CCC535
HEX #353CCC #CCC535
RGB 53, 60, 204 204, 197, 53
HSL 237.2, 59.7%, 50.4% 57.2, 59.7%, 50.4%
HSV 237.2, 74.0%, 80.0% 57.2, 74.0%, 80.0%
CMYK 74.0%, 70.6%, 0.0%, 20.0% 0.0%, 3.4%, 74.0%, 20.0%
OKLCH 0.4559 0.2163 271.9 0.8048 0.1562 106.6

Contrast & Accessibility

4.35:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCC535 → Background: #353CCC

The quick brown fox jumps over the lazy dog

Text: #353CCC → Background: #CCC535

Color Difference (Delta E)

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

Gradient

#353CCC #6B51B8 #8A67A3 #A07E8D #B29576 #C0AD5A #CCC535

Color Mixing

#353CCC

100%

#7C5CAD

75:25

#A07E8D

50:50

#B9A169

25:75

#CCC535

100%

CSS Gradient Code

background: linear-gradient(to right, #353CCC, #CCC535);
background: linear-gradient(135deg, #353CCC, #CCC535);

Explore Each Color

#353CCC

View full color details

#CCC535

View full color details

Related Comparisons