#45563F
#45563F
#503F56
#503F56
Color Values
| Format | #45563F | #503F56 |
|---|---|---|
| HEX | #45563F | #503F56 |
| RGB | 69, 86, 63 | 80, 63, 86 |
| HSL | 104.3, 15.4%, 29.2% | 284.3, 15.4%, 29.2% |
| HSV | 104.3, 26.7%, 33.7% | 284.3, 26.7%, 33.7% |
| CMYK | 19.8%, 0.0%, 26.7%, 66.3% | 7.0%, 26.7%, 0.0%, 66.3% |
| OKLCH | 0.4317 0.0426 137.6 | 0.3948 0.0438 317.2 |
Contrast & Accessibility
1.21:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #503F56 → Background: #45563F
The quick brown fox jumps over the lazy dog
Text: #45563F → Background: #503F56
Color Difference (Delta E)
33.03
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #45563F, #503F56);
background: linear-gradient(135deg, #45563F, #503F56);