#2012B5
#2012B5
#A7B512
#A7B512
Color Values
| Format | #2012B5 | #A7B512 |
|---|---|---|
| HEX | #2012B5 | #A7B512 |
| RGB | 32, 18, 181 | 167, 181, 18 |
| HSL | 245.2, 81.9%, 39.0% | 65.2, 81.9%, 39.0% |
| HSV | 245.2, 90.1%, 71.0% | 65.2, 90.1%, 71.0% |
| CMYK | 82.3%, 90.1%, 0.0%, 29.0% | 7.7%, 0.0%, 90.1%, 29.0% |
| OKLCH | 0.3698 0.2286 270.1 | 0.7371 0.1639 115.3 |
Contrast & Accessibility
5.1:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #A7B512 → Background: #2012B5
The quick brown fox jumps over the lazy dog
Text: #2012B5 → Background: #A7B512
Color Difference (Delta E)
174.8
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #2012B5, #A7B512);
background: linear-gradient(135deg, #2012B5, #A7B512);