#556653
#556653
#645366
#645366
Color Values
| Format | #556653 | #645366 |
|---|---|---|
| HEX | #556653 | #645366 |
| RGB | 85, 102, 83 | 100, 83, 102 |
| HSL | 113.7, 10.3%, 36.3% | 293.7, 10.3%, 36.3% |
| HSV | 113.7, 18.6%, 40.0% | 293.7, 18.6%, 40.0% |
| CMYK | 16.7%, 0.0%, 18.6%, 60.0% | 2.0%, 18.6%, 0.0%, 60.0% |
| OKLCH | 0.4902 0.0363 142.2 | 0.4661 0.0369 322.8 |
Contrast & Accessibility
1.15:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #645366 → Background: #556653
The quick brown fox jumps over the lazy dog
Text: #556653 → Background: #645366
Color Difference (Delta E)
27.51
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #556653, #645366);
background: linear-gradient(135deg, #556653, #645366);