#1324C4
#1324C4
#C4B313
#C4B313
Color Values
| Format | #1324C4 | #C4B313 |
|---|---|---|
| HEX | #1324C4 | #C4B313 |
| RGB | 19, 36, 196 | 196, 179, 19 |
| HSL | 234.2, 82.3%, 42.2% | 54.2, 82.3%, 42.2% |
| HSV | 234.2, 90.3%, 76.9% | 54.2, 90.3%, 76.9% |
| CMYK | 90.3%, 81.6%, 0.0%, 23.1% | 0.0%, 8.7%, 90.3%, 23.1% |
| OKLCH | 0.4006 0.2366 266.3 | 0.7577 0.1556 102.4 |
Contrast & Accessibility
4.72:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #C4B313 → Background: #1324C4
The quick brown fox jumps over the lazy dog
Text: #1324C4 → Background: #C4B313
Color Difference (Delta E)
171.45
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #1324C4, #C4B313);
background: linear-gradient(135deg, #1324C4, #C4B313);