#5ABD2A
#5ABD2A
#8D2ABD
#8D2ABD
Color Values
| Format | #5ABD2A | #8D2ABD |
|---|---|---|
| HEX | #5ABD2A | #8D2ABD |
| RGB | 90, 189, 42 | 141, 42, 189 |
| HSL | 100.4, 63.6%, 45.3% | 280.4, 63.6%, 45.3% |
| HSV | 100.4, 77.8%, 74.1% | 280.4, 77.8%, 74.1% |
| CMYK | 52.4%, 0.0%, 77.8%, 25.9% | 25.4%, 77.8%, 0.0%, 25.9% |
| OKLCH | 0.7112 0.2005 137.8 | 0.5073 0.2181 311.6 |
Contrast & Accessibility
2.73:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #8D2ABD → Background: #5ABD2A
The quick brown fox jumps over the lazy dog
Text: #5ABD2A → Background: #8D2ABD
Color Difference (Delta E)
168.29
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #5ABD2A, #8D2ABD);
background: linear-gradient(135deg, #5ABD2A, #8D2ABD);