#5CD83E
#5CD83E
#BA3ED8
#BA3ED8
Color Values
| Format | #5CD83E | #BA3ED8 |
|---|---|---|
| HEX | #5CD83E | #BA3ED8 |
| RGB | 92, 216, 62 | 186, 62, 216 |
| HSL | 108.3, 66.4%, 54.5% | 288.3, 66.4%, 54.5% |
| HSV | 108.3, 71.3%, 84.7% | 288.3, 71.3%, 84.7% |
| CMYK | 57.4%, 0.0%, 71.3%, 15.3% | 13.9%, 71.3%, 0.0%, 15.3% |
| OKLCH | 0.7824 0.2199 140.2 | 0.6039 0.2364 319.0 |
Contrast & Accessibility
2.38:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #BA3ED8 → Background: #5CD83E
The quick brown fox jumps over the lazy dog
Text: #5CD83E → Background: #BA3ED8
Color Difference (Delta E)
178.0
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #5CD83E, #BA3ED8);
background: linear-gradient(135deg, #5CD83E, #BA3ED8);