#024199
#024199
#995A02
#995A02
Color Values
| Format | #024199 | #995A02 |
|---|---|---|
| HEX | #024199 | #995A02 |
| RGB | 2, 65, 153 | 153, 90, 2 |
| HSL | 215.0, 97.4%, 30.4% | 35.0, 97.4%, 30.4% |
| HSV | 215.0, 98.7%, 60.0% | 35.0, 98.7%, 60.0% |
| CMYK | 98.7%, 57.5%, 0.0%, 40.0% | 0.0%, 41.2%, 98.7%, 40.0% |
| OKLCH | 0.4 0.1553 259.3 | 0.5279 0.1181 64.6 |
Contrast & Accessibility
1.72:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #995A02 β Background: #024199
The quick brown fox jumps over the lazy dog
Text: #024199 β Background: #995A02
Color Difference (Delta E)
106.04
Very Different
0 β Identical
5 β Similar
25 β Noticeable
100 β Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #024199, #995A02);
background: linear-gradient(135deg, #024199, #995A02);