#1712B4
#1712B4
#AFB412
#AFB412
Color Values
| Format | #1712B4 | #AFB412 |
|---|---|---|
| HEX | #1712B4 | #AFB412 |
| RGB | 23, 18, 180 | 175, 180, 18 |
| HSL | 241.9, 81.8%, 38.8% | 61.9, 81.8%, 38.8% |
| HSV | 241.9, 90.0%, 70.6% | 61.9, 90.0%, 70.6% |
| CMYK | 87.2%, 90.0%, 0.0%, 29.4% | 2.8%, 0.0%, 90.0%, 29.4% |
| OKLCH | 0.3646 0.2298 267.8 | 0.7414 0.1605 111.8 |
Contrast & Accessibility
5.25:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #AFB412 → Background: #1712B4
The quick brown fox jumps over the lazy dog
Text: #1712B4 → Background: #AFB412
Color Difference (Delta E)
173.78
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #1712B4, #AFB412);
background: linear-gradient(135deg, #1712B4, #AFB412);