#402197
#402197
#789721
#789721
Color Values
| Format | #402197 | #789721 |
|---|---|---|
| HEX | #402197 | #789721 |
| RGB | 64, 33, 151 | 120, 151, 33 |
| HSL | 255.8, 64.1%, 36.1% | 75.8, 64.1%, 36.1% |
| HSV | 255.8, 78.1%, 59.2% | 75.8, 78.1%, 59.2% |
| CMYK | 57.6%, 78.1%, 0.0%, 40.8% | 20.5%, 0.0%, 78.1%, 40.8% |
| OKLCH | 0.3734 0.177 286.2 | 0.6309 0.1435 123.8 |
Contrast & Accessibility
3.32:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #789721 → Background: #402197
The quick brown fox jumps over the lazy dog
Text: #402197 → Background: #789721
Color Difference (Delta E)
138.14
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #402197, #789721);
background: linear-gradient(135deg, #402197, #789721);