#784AD9
#784AD9
#ABD94A
#ABD94A
Color Values
| Format | #784AD9 | #ABD94A |
|---|---|---|
| HEX | #784AD9 | #ABD94A |
| RGB | 120, 74, 217 | 171, 217, 74 |
| HSL | 259.3, 65.3%, 57.1% | 79.3, 65.3%, 57.1% |
| HSV | 259.3, 65.9%, 85.1% | 79.3, 65.9%, 85.1% |
| CMYK | 44.7%, 65.9%, 0.0%, 14.9% | 21.2%, 0.0%, 65.9%, 14.9% |
| OKLCH | 0.5403 0.2069 293.0 | 0.8256 0.1755 125.4 |
Contrast & Accessibility
3.37:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #ABD94A → Background: #784AD9
The quick brown fox jumps over the lazy dog
Text: #784AD9 → Background: #ABD94A
Color Difference (Delta E)
160.27
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #784AD9, #ABD94A);
background: linear-gradient(135deg, #784AD9, #ABD94A);