#21DF21
#21DF21
#DF21DF
#DF21DF
Color Values
| Format | #21DF21 | #DF21DF |
|---|---|---|
| HEX | #21DF21 | #DF21DF |
| RGB | 33, 223, 33 | 223, 33, 223 |
| HSL | 120.0, 74.8%, 50.2% | 300.0, 74.8%, 50.2% |
| HSV | 120.0, 85.2%, 87.5% | 300.0, 85.2%, 87.5% |
| CMYK | 85.2%, 0.0%, 85.2%, 12.5% | 0.0%, 85.2%, 0.0%, 12.5% |
| OKLCH | 0.7859 0.2572 142.6 | 0.6423 0.2803 328.2 |
Contrast & Accessibility
2.15:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #DF21DF → Background: #21DF21
The quick brown fox jumps over the lazy dog
Text: #21DF21 → Background: #DF21DF
Color Difference (Delta E)
204.39
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #21DF21, #DF21DF);
background: linear-gradient(135deg, #21DF21, #DF21DF);