#481F86
#481F86
#5D861F
#5D861F
Color Values
| Format | #481F86 | #5D861F |
|---|---|---|
| HEX | #481F86 | #5D861F |
| RGB | 72, 31, 134 | 93, 134, 31 |
| HSL | 263.9, 62.4%, 32.4% | 83.9, 62.4%, 32.4% |
| HSV | 263.9, 76.9%, 52.5% | 83.9, 76.9%, 52.5% |
| CMYK | 46.3%, 76.9%, 0.0%, 47.5% | 30.6%, 0.0%, 76.9%, 47.5% |
| OKLCH | 0.3631 0.1591 295.4 | 0.5694 0.1367 129.3 |
Contrast & Accessibility
2.7:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #5D861F → Background: #481F86
The quick brown fox jumps over the lazy dog
Text: #481F86 → Background: #5D861F
Color Difference (Delta E)
124.6
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #481F86, #5D861F);
background: linear-gradient(135deg, #481F86, #5D861F);