#562FD2
#562FD2
#ABD22F
#ABD22F
Color Values
| Format | #562FD2 | #ABD22F |
|---|---|---|
| HEX | #562FD2 | #ABD22F |
| RGB | 86, 47, 210 | 171, 210, 47 |
| HSL | 254.4, 64.4%, 50.4% | 74.4, 64.4%, 50.4% |
| HSV | 254.4, 77.6%, 82.4% | 74.4, 77.6%, 82.4% |
| CMYK | 59.0%, 77.6%, 0.0%, 17.6% | 18.6%, 0.0%, 77.6%, 17.6% |
| OKLCH | 0.4684 0.2291 284.2 | 0.8076 0.1833 122.8 |
Contrast & Accessibility
4.39:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #ABD22F → Background: #562FD2
The quick brown fox jumps over the lazy dog
Text: #562FD2 → Background: #ABD22F
Color Difference (Delta E)
178.7
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #562FD2, #ABD22F);
background: linear-gradient(135deg, #562FD2, #ABD22F);