#458578
#458578
#854552
#854552
Color Values
| Format | #458578 | #854552 |
|---|---|---|
| HEX | #458578 | #854552 |
| RGB | 69, 133, 120 | 133, 69, 82 |
| HSL | 167.8, 31.7%, 39.6% | 347.8, 31.7%, 39.6% |
| HSV | 167.8, 48.1%, 52.2% | 347.8, 48.1%, 52.2% |
| CMYK | 48.1%, 0.0%, 9.8%, 47.8% | 0.0%, 48.1%, 38.3%, 47.8% |
| OKLCH | 0.5701 0.0694 178.9 | 0.4731 0.0883 8.1 |
Contrast & Accessibility
1.64:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #854552 → Background: #458578
The quick brown fox jumps over the lazy dog
Text: #458578 → Background: #854552
Color Difference (Delta E)
54.59
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #458578, #854552);
background: linear-gradient(135deg, #458578, #854552);