#31138E

#31138E

#708E13

#708E13

Contrast Ratio

3.45:1

Delta E

141.69

Very Different

50:50 Mix

Color Values

Format #31138E #708E13
HEX #31138E #708E13
RGB 49, 19, 142 112, 142, 19
HSL 254.6, 76.4%, 31.6% 74.6, 76.4%, 31.6%
HSV 254.6, 86.6%, 55.7% 74.6, 86.6%, 55.7%
CMYK 65.5%, 86.6%, 0.0%, 44.3% 21.1%, 0.0%, 86.6%, 44.3%
OKLCH 0.3346 0.1803 281.7 0.6022 0.1428 123.6

Contrast & Accessibility

3.45:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #708E13 → Background: #31138E

The quick brown fox jumps over the lazy dog

Text: #31138E → Background: #708E13

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #31138E, #708E13);
background: linear-gradient(135deg, #31138E, #708E13);

Explore Each Color

Related Comparisons