#3C2197

#3C2197

#7C9721

#7C9721

Contrast Ratio

3.4:1

Delta E

138.02

Very Different

50:50 Mix

Color Values

Format #3C2197 #7C9721
HEX #3C2197 #7C9721
RGB 60, 33, 151 124, 151, 33
HSL 253.7, 64.1%, 36.1% 73.7, 64.1%, 36.1%
HSV 253.7, 78.1%, 59.2% 73.7, 78.1%, 59.2%
CMYK 60.3%, 78.1%, 0.0%, 40.8% 17.9%, 0.0%, 78.1%, 40.8%
OKLCH 0.3696 0.1774 284.1 0.6338 0.1417 122.2

Contrast & Accessibility

3.4:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #7C9721 → Background: #3C2197

The quick brown fox jumps over the lazy dog

Text: #3C2197 → Background: #7C9721

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #3C2197, #7C9721);
background: linear-gradient(135deg, #3C2197, #7C9721);

Explore Each Color

Related Comparisons