#246BBC
#246BBC
#BC7524
#BC7524
Color Values
| Format | #246BBC | #BC7524 |
|---|---|---|
| HEX | #246BBC | #BC7524 |
| RGB | 36, 107, 188 | 188, 117, 36 |
| HSL | 212.0, 67.9%, 43.9% | 32.0, 67.9%, 43.9% |
| HSV | 212.0, 80.9%, 73.7% | 32.0, 80.9%, 73.7% |
| CMYK | 80.9%, 43.1%, 0.0%, 26.3% | 0.0%, 37.8%, 80.9%, 26.3% |
| OKLCH | 0.5274 0.1449 254.6 | 0.6254 0.1271 64.1 |
Contrast & Accessibility
1.46:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #BC7524 → Background: #246BBC
The quick brown fox jumps over the lazy dog
Text: #246BBC → Background: #BC7524
Color Difference (Delta E)
103.23
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #246BBC, #BC7524);
background: linear-gradient(135deg, #246BBC, #BC7524);