#353BCC

#353BCC

#CCC635

#CCC635

Contrast Ratio

4.42:1

Delta E

161.54

Very Different

50:50 Mix

#A07E8D

Color Values

Format #353BCC #CCC635
HEX #353BCC #CCC635
RGB 53, 59, 204 204, 198, 53
HSL 237.6, 59.7%, 50.4% 57.6, 59.7%, 50.4%
HSV 237.6, 74.0%, 80.0% 57.6, 74.0%, 80.0%
CMYK 74.0%, 71.1%, 0.0%, 20.0% 0.0%, 2.9%, 74.0%, 20.0%
OKLCH 0.4544 0.2173 272.0 0.8069 0.1571 107.0

Contrast & Accessibility

4.42:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCC635 → Background: #353BCC

The quick brown fox jumps over the lazy dog

Text: #353BCC → Background: #CCC635

Color Difference (Delta E)

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

Gradient

#353BCC #6B50B8 #8A66A3 #A07E8D #B29576 #C0AD5B #CCC635

Color Mixing

#353BCC

100%

#7C5BAD

75:25

#A07E8D

50:50

#B9A169

25:75

#CCC635

100%

CSS Gradient Code

background: linear-gradient(to right, #353BCC, #CCC635);
background: linear-gradient(135deg, #353BCC, #CCC635);

Explore Each Color

#353BCC

View full color details

#CCC635

View full color details

Related Comparisons