#1012C2
#1012C2
#C2C010
#C2C010
Color Values
| Format | #1012C2 | #C2C010 |
|---|---|---|
| HEX | #1012C2 | #C2C010 |
| RGB | 16, 18, 194 | 194, 192, 16 |
| HSL | 239.3, 84.8%, 41.2% | 59.3, 84.8%, 41.2% |
| HSV | 239.3, 91.8%, 76.1% | 59.3, 91.8%, 76.1% |
| CMYK | 91.8%, 90.7%, 0.0%, 23.9% | 0.0%, 1.0%, 91.8%, 23.9% |
| OKLCH | 0.3808 0.2461 266.1 | 0.7839 0.1675 108.9 |
Contrast & Accessibility
5.74:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #C2C010 → Background: #1012C2
The quick brown fox jumps over the lazy dog
Text: #1012C2 → Background: #C2C010
Color Difference (Delta E)
184.17
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #1012C2, #C2C010);
background: linear-gradient(135deg, #1012C2, #C2C010);