#2A2184

#2A2184

#7B8421

#7B8421

Contrast Ratio

3.13:1

Delta E

119.6

Very Different

50:50 Mix

Color Values

Format #2A2184 #7B8421
HEX #2A2184 #7B8421
RGB 42, 33, 132 123, 132, 33
HSL 245.5, 60.0%, 32.4% 65.5, 60.0%, 32.4%
HSV 245.5, 75.0%, 51.8% 65.5, 75.0%, 51.8%
CMYK 68.2%, 75.0%, 0.0%, 48.2% 6.8%, 0.0%, 75.0%, 48.2%
OKLCH 0.3344 0.1569 277.7 0.5871 0.1193 114.7

Contrast & Accessibility

3.13:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #7B8421 β†’ Background: #2A2184

The quick brown fox jumps over the lazy dog

Text: #2A2184 β†’ Background: #7B8421

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #2A2184, #7B8421);
background: linear-gradient(135deg, #2A2184, #7B8421);

Explore Each Color

Related Comparisons