#3585CC

#3585CC

#CC7C35

#CC7C35

Contrast Ratio

1.21:1

Delta E

97.39

Very Different

50:50 Mix

#A08083

Color Values

Format #3585CC #CC7C35
HEX #3585CC #CC7C35
RGB 53, 133, 204 204, 124, 53
HSL 208.2, 59.7%, 50.4% 28.2, 59.7%, 50.4%
HSV 208.2, 74.0%, 80.0% 28.2, 74.0%, 80.0%
CMYK 74.0%, 34.8%, 0.0%, 20.0% 0.0%, 39.2%, 74.0%, 20.0%
OKLCH 0.6015 0.1331 248.8 0.6598 0.1303 58.7

Contrast & Accessibility

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC7C35 → Background: #3585CC

The quick brown fox jumps over the lazy dog

Text: #3585CC → Background: #CC7C35

Color Difference (Delta E)

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

Gradient

#3585CC #6C83B3 #8A829B #A08083 #B17F6A #C07D51 #CC7C35

Color Mixing

#3585CC

100%

#7C83A7

75:25

#A08083

50:50

#B97E5E

25:75

#CC7C35

100%

CSS Gradient Code

background: linear-gradient(to right, #3585CC, #CC7C35);
background: linear-gradient(135deg, #3585CC, #CC7C35);

Explore Each Color

#3585CC

View full color details

#CC7C35

View full color details

Related Comparisons