#324AB8
#324AB8
#B8A032
#B8A032
Color Values
| Format | #324AB8 | #B8A032 |
|---|---|---|
| HEX | #324AB8 | #B8A032 |
| RGB | 50, 74, 184 | 184, 160, 50 |
| HSL | 229.3, 57.3%, 45.9% | 49.3, 57.3%, 45.9% |
| HSV | 229.3, 72.8%, 72.2% | 49.3, 72.8%, 72.2% |
| CMYK | 72.8%, 59.8%, 0.0%, 27.8% | 0.0%, 13.0%, 72.8%, 27.8% |
| OKLCH | 0.46 0.1755 268.9 | 0.7075 0.128 96.5 |
Contrast & Accessibility
2.89:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #B8A032 → Background: #324AB8
The quick brown fox jumps over the lazy dog
Text: #324AB8 → Background: #B8A032
Color Difference (Delta E)
126.23
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #324AB8, #B8A032);
background: linear-gradient(135deg, #324AB8, #B8A032);