#322DA0

#322DA0

#9BA02D

#9BA02D

Contrast Ratio

3.7:1

Delta E

134.62

Very Different

50:50 Mix

Color Values

Format #322DA0 #9BA02D
HEX #322DA0 #9BA02D
RGB 50, 45, 160 155, 160, 45
HSL 242.6, 56.1%, 40.2% 62.6, 56.1%, 40.2%
HSV 242.6, 71.9%, 62.7% 62.6, 71.9%, 62.7%
CMYK 68.8%, 71.9%, 0.0%, 37.3% 3.1%, 0.0%, 71.9%, 37.3%
OKLCH 0.3873 0.178 276.0 0.6806 0.1338 111.9

Contrast & Accessibility

3.7:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #9BA02D β†’ Background: #322DA0

The quick brown fox jumps over the lazy dog

Text: #322DA0 β†’ Background: #9BA02D

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #322DA0, #9BA02D);
background: linear-gradient(135deg, #322DA0, #9BA02D);

Explore Each Color

Related Comparisons