#5821AE

#5821AE

#77AE21

#77AE21

Contrast Ratio

3.5:1

Delta E

159.6

Very Different

50:50 Mix

#7D6D75

Color Values

Format #5821AE #77AE21
HEX #5821AE #77AE21
RGB 88, 33, 174 119, 174, 33
HSL 263.4, 68.1%, 40.6% 83.4, 68.1%, 40.6%
HSV 263.4, 81.0%, 68.2% 83.4, 81.0%, 68.2%
CMYK 49.4%, 81.0%, 0.0%, 31.8% 31.6%, 0.0%, 81.0%, 31.8%
OKLCH 0.421 0.2021 293.2 0.6871 0.1722 129.6

Contrast & Accessibility

3.5:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #77AE21 → Background: #5821AE

The quick brown fox jumps over the lazy dog

Text: #5821AE → Background: #77AE21

Color Difference (Delta E)

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

Gradient

#5821AE #6B3E9B #765688 #7D6D75 #7F835F #7D9846 #77AE21

Color Mixing

#5821AE

100%

#714A92

75:25

#7D6D75

50:50

#7F8D53

25:75

#77AE21

100%

CSS Gradient Code

background: linear-gradient(to right, #5821AE, #77AE21);
background: linear-gradient(135deg, #5821AE, #77AE21);

Explore Each Color

#5821AE

View full color details

#77AE21

View full color details

Related Comparisons