#4D2FBB
#4D2FBB
#9DBB2F
#9DBB2F
Color Values
| Format | #4D2FBB | #9DBB2F |
|---|---|---|
| HEX | #4D2FBB | #9DBB2F |
| RGB | 77, 47, 187 | 157, 187, 47 |
| HSL | 252.9, 59.8%, 45.9% | 72.9, 59.8%, 45.9% |
| HSV | 252.9, 74.9%, 73.3% | 72.9, 74.9%, 73.3% |
| CMYK | 58.8%, 74.9%, 0.0%, 26.7% | 16.0%, 0.0%, 74.9%, 26.7% |
| OKLCH | 0.4381 0.204 284.0 | 0.7445 0.1627 121.3 |
Contrast & Accessibility
3.93:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #9DBB2F → Background: #4D2FBB
The quick brown fox jumps over the lazy dog
Text: #4D2FBB → Background: #9DBB2F
Color Difference (Delta E)
158.17
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #4D2FBB, #9DBB2F);
background: linear-gradient(135deg, #4D2FBB, #9DBB2F);