#484BAE
#484BAE
#AEAB48
#AEAB48
Color Values
| Format | #484BAE | #AEAB48 |
|---|---|---|
| HEX | #484BAE | #AEAB48 |
| RGB | 72, 75, 174 | 174, 171, 72 |
| HSL | 238.2, 41.5%, 48.2% | 58.2, 41.5%, 48.2% |
| HSV | 238.2, 58.6%, 68.2% | 58.2, 58.6%, 68.2% |
| CMYK | 58.6%, 56.9%, 0.0%, 31.8% | 0.0%, 1.7%, 58.6%, 31.8% |
| OKLCH | 0.4671 0.1547 277.3 | 0.7239 0.1212 107.5 |
Contrast & Accessibility
3.01:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #AEAB48 → Background: #484BAE
The quick brown fox jumps over the lazy dog
Text: #484BAE → Background: #AEAB48
Color Difference (Delta E)
115.72
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #484BAE, #AEAB48);
background: linear-gradient(135deg, #484BAE, #AEAB48);