#554273
#554273
#607342
#607342
Color Values
| Format | #554273 | #607342 |
|---|---|---|
| HEX | #554273 | #607342 |
| RGB | 85, 66, 115 | 96, 115, 66 |
| HSL | 263.3, 27.1%, 35.5% | 83.3, 27.1%, 35.5% |
| HSV | 263.3, 42.6%, 45.1% | 83.3, 42.6%, 45.1% |
| CMYK | 26.1%, 42.6%, 0.0%, 54.9% | 16.5%, 0.0%, 42.6%, 54.9% |
| OKLCH | 0.4212 0.082 300.8 | 0.5274 0.0751 126.1 |
Contrast & Accessibility
1.67:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #607342 → Background: #554273
The quick brown fox jumps over the lazy dog
Text: #554273 → Background: #607342
Color Difference (Delta E)
62.92
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #554273, #607342);
background: linear-gradient(135deg, #554273, #607342);