#63FF2C
#63FF2C
#C82CFF
#C82CFF
Color Values
| Format | #63FF2C | #C82CFF |
|---|---|---|
| HEX | #63FF2C | #C82CFF |
| RGB | 99, 255, 44 | 200, 44, 255 |
| HSL | 104.4, 100.0%, 58.6% | 284.4, 100.0%, 58.6% |
| HSV | 104.4, 82.7%, 100.0% | 284.4, 82.7%, 100.0% |
| CMYK | 61.2%, 0.0%, 82.7%, 0.0% | 21.6%, 82.7%, 0.0%, 0.0% |
| OKLCH | 0.8816 0.2677 139.6 | 0.6357 0.2886 314.6 |
Contrast & Accessibility
3.02:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #C82CFF → Background: #63FF2C
The quick brown fox jumps over the lazy dog
Text: #63FF2C → Background: #C82CFF
Color Difference (Delta E)
222.28
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #63FF2C, #C82CFF);
background: linear-gradient(135deg, #63FF2C, #C82CFF);