#36216D

#36216D

#586D21

#586D21

Contrast Ratio

2.27:1

Delta E

96.42

Very Different

50:50 Mix

Color Values

Format #36216D #586D21
HEX #36216D #586D21
RGB 54, 33, 109 88, 109, 33
HSL 256.6, 53.5%, 27.8% 76.6, 53.5%, 27.8%
HSV 256.6, 69.7%, 42.7% 76.6, 69.7%, 42.7%
CMYK 50.5%, 69.7%, 0.0%, 57.3% 19.3%, 0.0%, 69.7%, 57.3%
OKLCH 0.3229 0.1247 290.4 0.5014 0.1042 123.5

Contrast & Accessibility

2.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #586D21 → Background: #36216D

The quick brown fox jumps over the lazy dog

Text: #36216D → Background: #586D21

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #36216D, #586D21);
background: linear-gradient(135deg, #36216D, #586D21);

Explore Each Color

Related Comparisons