#3133C2
#3133C2
#C2C031
#C2C031
Color Values
| Format | #3133C2 | #C2C031 |
|---|---|---|
| HEX | #3133C2 | #C2C031 |
| RGB | 49, 51, 194 | 194, 192, 49 |
| HSL | 239.2, 59.7%, 47.6% | 59.2, 59.7%, 47.6% |
| HSV | 239.2, 74.7%, 76.1% | 59.2, 74.7%, 76.1% |
| CMYK | 74.7%, 73.7%, 0.0%, 23.9% | 0.0%, 1.0%, 74.7%, 23.9% |
| OKLCH | 0.4303 0.2142 272.3 | 0.7852 0.1554 108.7 |
Contrast & Accessibility
4.56:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #C2C031 → Background: #3133C2
The quick brown fox jumps over the lazy dog
Text: #3133C2 → Background: #C2C031
Color Difference (Delta E)
160.42
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #3133C2, #C2C031);
background: linear-gradient(135deg, #3133C2, #C2C031);