#3382CC

#3382CC

#CC7D33

#CC7D33

Contrast Ratio

1.26:1

Delta E

99.44

Very Different

50:50 Mix

#9F7F82

Color Values

Format #3382CC #CC7D33
HEX #3382CC #CC7D33
RGB 51, 130, 204 204, 125, 51
HSL 209.0, 60.0%, 50.0% 29.0, 60.0%, 50.0%
HSV 209.0, 75.0%, 80.0% 29.0, 75.0%, 80.0%
CMYK 75.0%, 36.3%, 0.0%, 20.0% 0.0%, 38.7%, 75.0%, 20.0%
OKLCH 0.594 0.1367 250.1 0.6614 0.1309 60.0

Contrast & Accessibility

1.26:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC7D33 → Background: #3382CC

The quick brown fox jumps over the lazy dog

Text: #3382CC → Background: #CC7D33

Color Difference (Delta E)

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

Gradient

#3382CC #6B81B3 #8A809B #9F7F82 #B17E69 #BF7E50 #CC7D33

Color Mixing

#3382CC

100%

#7C80A7

75:25

#9F7F82

50:50

#B87E5D

25:75

#CC7D33

100%

CSS Gradient Code

background: linear-gradient(to right, #3382CC, #CC7D33);
background: linear-gradient(135deg, #3382CC, #CC7D33);

Explore Each Color

#3382CC

View full color details

#CC7D33

View full color details

Related Comparisons