#3D33CC

#3D33CC

#C2CC33

#C2CC33

Contrast Ratio

4.71:1

Delta E

169.61

Very Different

50:50 Mix

#9E7E8D

Color Values

Format #3D33CC #C2CC33
HEX #3D33CC #C2CC33
RGB 61, 51, 204 194, 204, 51
HSL 243.9, 60.0%, 50.0% 63.9, 60.0%, 50.0%
HSV 243.9, 75.0%, 80.0% 63.9, 75.0%, 80.0%
CMYK 70.1%, 75.0%, 0.0%, 20.0% 4.9%, 0.0%, 75.0%, 20.0%
OKLCH 0.4479 0.2232 275.4 0.8115 0.1663 113.4

Contrast & Accessibility

4.71:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C2CC33 → Background: #3D33CC

The quick brown fox jumps over the lazy dog

Text: #3D33CC → Background: #C2CC33

Color Difference (Delta E)

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

Gradient

#3D33CC #6D4CB8 #8A65A3 #9E7E8D #AD9876 #B9B25A #C2CC33

Color Mixing

#3D33CC

100%

#7D58AE

75:25

#9E7E8D

50:50

#B3A569

25:75

#C2CC33

100%

CSS Gradient Code

background: linear-gradient(to right, #3D33CC, #C2CC33);
background: linear-gradient(135deg, #3D33CC, #C2CC33);

Explore Each Color

#3D33CC

View full color details

#C2CC33

View full color details

Related Comparisons