#5AC940
#5AC940
#AF40C9
#AF40C9
Color Values
| Format | #5AC940 | #AF40C9 |
|---|---|---|
| HEX | #5AC940 | #AF40C9 |
| RGB | 90, 201, 64 | 175, 64, 201 |
| HSL | 108.6, 55.9%, 52.0% | 288.6, 55.9%, 52.0% |
| HSV | 108.6, 68.2%, 78.8% | 288.6, 68.2%, 78.8% |
| CMYK | 55.2%, 0.0%, 68.2%, 21.2% | 12.9%, 68.2%, 0.0%, 21.2% |
| OKLCH | 0.7436 0.2018 140.2 | 0.5817 0.2166 319.4 |
Contrast & Accessibility
2.24:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #AF40C9 → Background: #5AC940
The quick brown fox jumps over the lazy dog
Text: #5AC940 → Background: #AF40C9
Color Difference (Delta E)
162.62
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #5AC940, #AF40C9);
background: linear-gradient(135deg, #5AC940, #AF40C9);