#3586CD

#3586CD

#CD7C35

#CD7C35

Contrast Ratio

1.2:1

Delta E

97.74

Very Different

50:50 Mix

Color Values

Format #3586CD #CD7C35
HEX #3586CD #CD7C35
RGB 53, 134, 205 205, 124, 53
HSL 208.0, 60.3%, 50.6% 28.0, 60.3%, 50.6%
HSV 208.0, 74.1%, 80.4% 28.0, 74.1%, 80.4%
CMYK 74.1%, 34.6%, 0.0%, 19.6% 0.0%, 39.5%, 74.1%, 19.6%
OKLCH 0.6044 0.1334 248.5 0.661 0.1312 58.4

Contrast & Accessibility

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CD7C35 β†’ Background: #3586CD

The quick brown fox jumps over the lazy dog

Text: #3586CD β†’ Background: #CD7C35

Color Difference (Delta E)

97.74 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #3586CD, #CD7C35);
background: linear-gradient(135deg, #3586CD, #CD7C35);

Explore Each Color

Related Comparisons