#374B96
#374B96
#968237
#968237
Color Values
| Format | #374B96 | #968237 |
|---|---|---|
| HEX | #374B96 | #968237 |
| RGB | 55, 75, 150 | 150, 130, 55 |
| HSL | 227.4, 46.3%, 40.2% | 47.4, 46.3%, 40.2% |
| HSV | 227.4, 63.3%, 58.8% | 47.4, 63.3%, 58.8% |
| CMYK | 63.3%, 50.0%, 0.0%, 41.2% | 0.0%, 13.3%, 63.3%, 41.2% |
| OKLCH | 0.4379 0.1249 269.4 | 0.6097 0.0976 94.4 |
Contrast & Accessibility
2.13:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #968237 → Background: #374B96
The quick brown fox jumps over the lazy dog
Text: #374B96 → Background: #968237
Color Difference (Delta E)
90.44
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #374B96, #968237);
background: linear-gradient(135deg, #374B96, #968237);