#5AD024
#5AD024
#9A24D0
#9A24D0
Color Values
| Format | #5AD024 | #9A24D0 |
|---|---|---|
| HEX | #5AD024 | #9A24D0 |
| RGB | 90, 208, 36 | 154, 36, 208 |
| HSL | 101.2, 70.5%, 47.8% | 281.2, 70.5%, 47.8% |
| HSV | 101.2, 82.7%, 81.6% | 281.2, 82.7%, 81.6% |
| CMYK | 56.7%, 0.0%, 82.7%, 18.4% | 26.0%, 82.7%, 0.0%, 18.4% |
| OKLCH | 0.7597 0.2245 138.5 | 0.5347 0.2435 311.6 |
Contrast & Accessibility
2.96:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #9A24D0 → Background: #5AD024
The quick brown fox jumps over the lazy dog
Text: #5AD024 → Background: #9A24D0
Color Difference (Delta E)
188.84
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #5AD024, #9A24D0);
background: linear-gradient(135deg, #5AD024, #9A24D0);