#5487CE
#5487CE
#CE9B54
#CE9B54
Color Values
| Format | #5487CE | #CE9B54 |
|---|---|---|
| HEX | #5487CE | #CE9B54 |
| RGB | 84, 135, 206 | 206, 155, 84 |
| HSL | 214.9, 55.5%, 56.9% | 34.9, 55.5%, 56.9% |
| HSV | 214.9, 59.2%, 80.8% | 34.9, 59.2%, 80.8% |
| CMYK | 59.2%, 34.5%, 0.0%, 19.2% | 0.0%, 24.8%, 59.2%, 19.2% |
| OKLCH | 0.6195 0.1214 256.9 | 0.7234 0.1075 73.8 |
Contrast & Accessibility
1.47:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CE9B54 β Background: #5487CE
The quick brown fox jumps over the lazy dog
Text: #5487CE β Background: #CE9B54
Color Difference (Delta E)
86.92
Very Different
0 β Identical
5 β Similar
25 β Noticeable
100 β Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #5487CE, #CE9B54);
background: linear-gradient(135deg, #5487CE, #CE9B54);