#3F217D

#3F217D

#5F7D21

#5F7D21

Contrast Ratio

2.58:1

Delta E

113.24

Very Different

50:50 Mix

#5C5056

Color Values

Format #3F217D #5F7D21
HEX #3F217D #5F7D21
RGB 63, 33, 125 95, 125, 33
HSL 259.6, 58.2%, 31.0% 79.6, 58.2%, 31.0%
HSV 259.6, 73.6%, 49.0% 79.6, 73.6%, 49.0%
CMYK 49.6%, 73.6%, 0.0%, 51.0% 24.0%, 0.0%, 73.6%, 51.0%
OKLCH 0.3472 0.1455 292.0 0.5477 0.1225 126.0

Contrast & Accessibility

2.58:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #5F7D21 → Background: #3F217D

The quick brown fox jumps over the lazy dog

Text: #3F217D → Background: #5F7D21

Color Difference (Delta E)

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

Gradient

#3F217D #4D3270 #564163 #5C5056 #5F5F47 #606E37 #5F7D21

Color Mixing

#3F217D

100%

#523A6A

75:25

#5C5056

50:50

#60673F

25:75

#5F7D21

100%

CSS Gradient Code

background: linear-gradient(to right, #3F217D, #5F7D21);
background: linear-gradient(135deg, #3F217D, #5F7D21);

Explore Each Color

#3F217D

View full color details

#5F7D21

View full color details

Related Comparisons