#28C424
#28C424
#C024C4
#C024C4
Color Values
| Format | #28C424 | #C024C4 |
|---|---|---|
| HEX | #28C424 | #C024C4 |
| RGB | 40, 196, 36 | 192, 36, 196 |
| HSL | 118.5, 69.0%, 45.5% | 298.5, 69.0%, 45.5% |
| HSV | 118.5, 81.6%, 76.9% | 298.5, 81.6%, 76.9% |
| CMYK | 79.6%, 0.0%, 81.6%, 23.1% | 2.0%, 81.6%, 0.0%, 23.1% |
| OKLCH | 0.7154 0.2281 142.5 | 0.581 0.2474 327.0 |
Contrast & Accessibility
2.1:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #C024C4 → Background: #28C424
The quick brown fox jumps over the lazy dog
Text: #28C424 → Background: #C024C4
Color Difference (Delta E)
181.33
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #28C424, #C024C4);
background: linear-gradient(135deg, #28C424, #C024C4);