#242584
#242584
#848324
#848324
Color Values
| Format | #242584 | #848324 |
|---|---|---|
| HEX | #242584 | #848324 |
| RGB | 36, 37, 132 | 132, 131, 36 |
| HSL | 239.4, 57.1%, 32.9% | 59.4, 57.1%, 32.9% |
| HSV | 239.4, 72.7%, 51.8% | 59.4, 72.7%, 51.8% |
| CMYK | 72.7%, 72.0%, 0.0%, 48.2% | 0.0%, 0.8%, 72.7%, 48.2% |
| OKLCH | 0.3364 0.1539 273.9 | 0.5929 0.1139 108.8 |
Contrast & Accessibility
3.14:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #848324 → Background: #242584
The quick brown fox jumps over the lazy dog
Text: #242584 → Background: #848324
Color Difference (Delta E)
115.36
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #242584, #848324);
background: linear-gradient(135deg, #242584, #848324);