#215776
#215776
#764021
#764021
Color Values
| Format | #215776 | #764021 |
|---|---|---|
| HEX | #215776 | #764021 |
| RGB | 33, 87, 118 | 118, 64, 33 |
| HSL | 201.9, 56.3%, 29.6% | 21.9, 56.3%, 29.6% |
| HSV | 201.9, 72.0%, 46.3% | 21.9, 72.0%, 46.3% |
| CMYK | 72.0%, 26.3%, 0.0%, 53.7% | 0.0%, 45.8%, 72.0%, 53.7% |
| OKLCH | 0.4356 0.0761 237.4 | 0.4318 0.0871 48.8 |
Contrast & Accessibility
1.06:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #764021 → Background: #215776
The quick brown fox jumps over the lazy dog
Text: #215776 → Background: #764021
Color Difference (Delta E)
58.36
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #215776, #764021);
background: linear-gradient(135deg, #215776, #764021);