#212568
#212568
#686421
#686421
Color Values
| Format | #212568 | #686421 |
|---|---|---|
| HEX | #212568 | #686421 |
| RGB | 33, 37, 104 | 104, 100, 33 |
| HSL | 236.6, 51.8%, 26.9% | 56.6, 51.8%, 26.9% |
| HSV | 236.6, 68.3%, 40.8% | 56.6, 68.3%, 40.8% |
| CMYK | 68.3%, 64.4%, 0.0%, 59.2% | 0.0%, 3.8%, 68.3%, 59.2% |
| OKLCH | 0.3067 0.1153 274.7 | 0.4929 0.0875 105.9 |
Contrast & Accessibility
2.25:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #686421 → Background: #212568
The quick brown fox jumps over the lazy dog
Text: #212568 → Background: #686421
Color Difference (Delta E)
85.59
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #212568, #686421);
background: linear-gradient(135deg, #212568, #686421);