#3222AA

#3222AA

#9AAA22

#9AAA22

Contrast Ratio

4.19:1

Delta E

154.25

Very Different

50:50 Mix

#816673

Color Values

Format #3222AA #9AAA22
HEX #3222AA #9AAA22
RGB 50, 34, 170 154, 170, 34
HSL 247.1, 66.7%, 40.0% 67.1, 66.7%, 40.0%
HSV 247.1, 80.0%, 66.7% 67.1, 80.0%, 66.7%
CMYK 70.6%, 80.0%, 0.0%, 33.3% 9.4%, 0.0%, 80.0%, 33.3%
OKLCH 0.3829 0.2009 276.4 0.7021 0.1511 116.5

Contrast & Accessibility

4.19:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #9AAA22 → Background: #3222AA

The quick brown fox jumps over the lazy dog

Text: #3222AA → Background: #9AAA22

Color Difference (Delta E)

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

Gradient

#3222AA #5A3998 #715086 #816673 #8C7C5F #949347 #9AAA22

Color Mixing

#3222AA

100%

#66448F

75:25

#816673

50:50

#918853

25:75

#9AAA22

100%

CSS Gradient Code

background: linear-gradient(to right, #3222AA, #9AAA22);
background: linear-gradient(135deg, #3222AA, #9AAA22);

Explore Each Color

#3222AA

View full color details

#9AAA22

View full color details

Related Comparisons