#3281CC

#3281CC

#CC7D32

#CC7D32

Contrast Ratio

1.27:1

Delta E

100.26

Very Different

50:50 Mix

#9F7E82

Color Values

Format #3281CC #CC7D32
HEX #3281CC #CC7D32
RGB 50, 129, 204 204, 125, 50
HSL 209.2, 60.6%, 49.8% 29.2, 60.6%, 49.8%
HSV 209.2, 75.5%, 80.0% 29.2, 75.5%, 80.0%
CMYK 75.5%, 36.8%, 0.0%, 20.0% 0.0%, 38.7%, 75.5%, 20.0%
OKLCH 0.5915 0.138 250.4 0.6613 0.1314 60.2

Contrast & Accessibility

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC7D32 → Background: #3281CC

The quick brown fox jumps over the lazy dog

Text: #3281CC → Background: #CC7D32

Color Difference (Delta E)

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

Gradient

#3281CC #6B80B3 #897F9A #9F7E82 #B17E69 #BF7D4F #CC7D32

Color Mixing

#3281CC

100%

#7C80A7

75:25

#9F7E82

50:50

#B87E5C

25:75

#CC7D32

100%

CSS Gradient Code

background: linear-gradient(to right, #3281CC, #CC7D32);
background: linear-gradient(135deg, #3281CC, #CC7D32);

Explore Each Color

#3281CC

View full color details

#CC7D32

View full color details

Related Comparisons