#3E2FAD
#3E2FAD
#9EAD2F
#9EAD2F
Color Values
| Format | #3E2FAD | #9EAD2F |
|---|---|---|
| HEX | #3E2FAD | #9EAD2F |
| RGB | 62, 47, 173 | 158, 173, 47 |
| HSL | 247.1, 57.3%, 43.1% | 67.1, 57.3%, 43.1% |
| HSV | 247.1, 72.8%, 67.8% | 67.1, 72.8%, 67.8% |
| CMYK | 64.2%, 72.8%, 0.0%, 32.2% | 8.7%, 0.0%, 72.8%, 32.2% |
| OKLCH | 0.412 0.1895 279.4 | 0.7129 0.1461 116.2 |
Contrast & Accessibility
3.83:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #9EAD2F → Background: #3E2FAD
The quick brown fox jumps over the lazy dog
Text: #3E2FAD → Background: #9EAD2F
Color Difference (Delta E)
145.01
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #3E2FAD, #9EAD2F);
background: linear-gradient(135deg, #3E2FAD, #9EAD2F);