#324DAF
#324DAF
#AF9432
#AF9432
Color Values
| Format | #324DAF | #AF9432 |
|---|---|---|
| HEX | #324DAF | #AF9432 |
| RGB | 50, 77, 175 | 175, 148, 50 |
| HSL | 227.0, 55.6%, 44.1% | 47.0, 55.6%, 44.1% |
| HSV | 227.0, 71.4%, 68.6% | 47.0, 71.4%, 68.6% |
| CMYK | 71.4%, 56.0%, 0.0%, 31.4% | 0.0%, 15.4%, 71.4%, 31.4% |
| OKLCH | 0.4584 0.1595 267.9 | 0.6732 0.1185 93.3 |
Contrast & Accessibility
2.52:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #AF9432 → Background: #324DAF
The quick brown fox jumps over the lazy dog
Text: #324DAF → Background: #AF9432
Color Difference (Delta E)
114.18
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #324DAF, #AF9432);
background: linear-gradient(135deg, #324DAF, #AF9432);