#5344BC
#5344BC
#ADBC44
#ADBC44
Color Values
| Format | #5344BC | #ADBC44 |
|---|---|---|
| HEX | #5344BC | #ADBC44 |
| RGB | 83, 68, 188 | 173, 188, 68 |
| HSL | 247.5, 47.2%, 50.2% | 67.5, 47.2%, 50.2% |
| HSV | 247.5, 63.8%, 73.7% | 67.5, 63.8%, 73.7% |
| CMYK | 55.9%, 63.8%, 0.0%, 26.3% | 8.0%, 0.0%, 63.8%, 26.3% |
| OKLCH | 0.4745 0.1806 282.7 | 0.7605 0.1439 116.0 |
Contrast & Accessibility
3.44:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #ADBC44 → Background: #5344BC
The quick brown fox jumps over the lazy dog
Text: #5344BC → Background: #ADBC44
Color Difference (Delta E)
137.68
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #5344BC, #ADBC44);
background: linear-gradient(135deg, #5344BC, #ADBC44);