#28C813
#28C813
#B313C8
#B313C8
Color Values
| Format | #28C813 | #B313C8 |
|---|---|---|
| HEX | #28C813 | #B313C8 |
| RGB | 40, 200, 19 | 179, 19, 200 |
| HSL | 113.0, 82.6%, 42.9% | 293.0, 82.6%, 42.9% |
| HSV | 113.0, 90.5%, 78.4% | 293.0, 90.5%, 78.4% |
| CMYK | 80.0%, 0.0%, 90.5%, 21.6% | 10.5%, 90.5%, 0.0%, 21.6% |
| OKLCH | 0.7255 0.2375 141.8 | 0.5565 0.2553 322.3 |
Contrast & Accessibility
2.44:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #B313C8 → Background: #28C813
The quick brown fox jumps over the lazy dog
Text: #28C813 → Background: #B313C8
Color Difference (Delta E)
192.07
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #28C813, #B313C8);
background: linear-gradient(135deg, #28C813, #B313C8);