#549893
#549893
#985459
#985459
Color Values
| Format | #549893 | #985459 |
|---|---|---|
| HEX | #549893 | #985459 |
| RGB | 84, 152, 147 | 152, 84, 89 |
| HSL | 175.6, 28.8%, 46.3% | 355.6, 28.8%, 46.3% |
| HSV | 175.6, 44.7%, 59.6% | 355.6, 44.7%, 59.6% |
| CMYK | 44.7%, 0.0%, 3.3%, 40.4% | 0.0%, 44.7%, 41.4%, 40.4% |
| OKLCH | 0.6334 0.0698 189.4 | 0.527 0.0904 16.0 |
Contrast & Accessibility
1.68:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #985459 → Background: #549893
The quick brown fox jumps over the lazy dog
Text: #549893 → Background: #985459
Color Difference (Delta E)
55.29
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #549893, #985459);
background: linear-gradient(135deg, #549893, #985459);