#2C46BA
#2C46BA
#BAA02C
#BAA02C
Color Values
| Format | #2C46BA | #BAA02C |
|---|---|---|
| HEX | #2C46BA | #BAA02C |
| RGB | 44, 70, 186 | 186, 160, 44 |
| HSL | 229.0, 61.7%, 45.1% | 49.0, 61.7%, 45.1% |
| HSV | 229.0, 76.3%, 72.9% | 49.0, 76.3%, 72.9% |
| CMYK | 76.3%, 62.4%, 0.0%, 27.1% | 0.0%, 14.0%, 76.3%, 27.1% |
| OKLCH | 0.4514 0.1846 268.1 | 0.709 0.1318 95.8 |
Contrast & Accessibility
3.03:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #BAA02C → Background: #2C46BA
The quick brown fox jumps over the lazy dog
Text: #2C46BA → Background: #BAA02C
Color Difference (Delta E)
132.18
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #2C46BA, #BAA02C);
background: linear-gradient(135deg, #2C46BA, #BAA02C);