#3540AB
#3540AB
#ABA035
#ABA035
Color Values
| Format | #3540AB | #ABA035 |
|---|---|---|
| HEX | #3540AB | #ABA035 |
| RGB | 53, 64, 171 | 171, 160, 53 |
| HSL | 234.4, 52.7%, 43.9% | 54.4, 52.7%, 43.9% |
| HSV | 234.4, 69.0%, 67.1% | 54.4, 69.0%, 67.1% |
| CMYK | 69.0%, 62.6%, 0.0%, 32.9% | 0.0%, 6.4%, 69.0%, 32.9% |
| OKLCH | 0.4317 0.1694 272.6 | 0.6954 0.1258 103.4 |
Contrast & Accessibility
3.16:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #ABA035 → Background: #3540AB
The quick brown fox jumps over the lazy dog
Text: #3540AB → Background: #ABA035
Color Difference (Delta E)
124.53
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #3540AB, #ABA035);
background: linear-gradient(135deg, #3540AB, #ABA035);