#4456BC
#4456BC
#BCAA44
#BCAA44
Color Values
| Format | #4456BC | #BCAA44 |
|---|---|---|
| HEX | #4456BC | #BCAA44 |
| RGB | 68, 86, 188 | 188, 170, 68 |
| HSL | 231.0, 47.2%, 50.2% | 51.0, 47.2%, 50.2% |
| HSV | 231.0, 63.8%, 73.7% | 51.0, 63.8%, 73.7% |
| CMYK | 63.8%, 54.3%, 0.0%, 26.3% | 0.0%, 9.6%, 63.8%, 26.3% |
| OKLCH | 0.4963 0.1608 271.7 | 0.734 0.123 99.3 |
Contrast & Accessibility
2.72:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #BCAA44 → Background: #4456BC
The quick brown fox jumps over the lazy dog
Text: #4456BC → Background: #BCAA44
Color Difference (Delta E)
117.33
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #4456BC, #BCAA44);
background: linear-gradient(135deg, #4456BC, #BCAA44);