#3420AF

#3420AF

#9BAF20

#9BAF20

Contrast Ratio

4.33:1

Delta E

160.35

Very Different

50:50 Mix

Color Values

Format #3420AF #9BAF20
HEX #3420AF #9BAF20
RGB 52, 32, 175 155, 175, 32
HSL 248.4, 69.1%, 40.6% 68.4, 69.1%, 40.6%
HSV 248.4, 81.7%, 68.6% 68.4, 81.7%, 68.6%
CMYK 70.3%, 81.7%, 0.0%, 31.4% 11.4%, 0.0%, 81.7%, 31.4%
OKLCH 0.3877 0.2079 276.8 0.7143 0.1572 117.9

Contrast & Accessibility

4.33:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #9BAF20 β†’ Background: #3420AF

The quick brown fox jumps over the lazy dog

Text: #3420AF β†’ Background: #9BAF20

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #3420AF, #9BAF20);
background: linear-gradient(135deg, #3420AF, #9BAF20);

Explore Each Color

Related Comparisons