#216887
#216887
#874021
#874021
Color Values
| Format | #216887 | #874021 |
|---|---|---|
| HEX | #216887 | #874021 |
| RGB | 33, 104, 135 | 135, 64, 33 |
| HSL | 198.2, 60.7%, 32.9% | 18.2, 60.7%, 32.9% |
| HSV | 198.2, 75.6%, 52.9% | 18.2, 75.6%, 52.9% |
| CMYK | 75.6%, 23.0%, 0.0%, 47.1% | 0.0%, 52.6%, 75.6%, 47.1% |
| OKLCH | 0.4882 0.0844 231.2 | 0.4575 0.1067 42.8 |
Contrast & Accessibility
1.22:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #874021 → Background: #216887
The quick brown fox jumps over the lazy dog
Text: #216887 → Background: #874021
Color Difference (Delta E)
68.17
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #216887, #874021);
background: linear-gradient(135deg, #216887, #874021);