#556357
#556357
#635561
#635561
Color Values
| Format | #556357 | #635561 |
|---|---|---|
| HEX | #556357 | #635561 |
| RGB | 85, 99, 87 | 99, 85, 97 |
| HSL | 128.6, 7.6%, 36.1% | 308.6, 7.6%, 36.1% |
| HSV | 128.6, 14.1%, 38.8% | 308.6, 14.1%, 38.8% |
| CMYK | 14.1%, 0.0%, 12.1%, 61.2% | 0.0%, 14.1%, 2.0%, 61.2% |
| OKLCH | 0.484 0.0256 149.3 | 0.4675 0.0261 330.7 |
Contrast & Accessibility
1.1:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #635561 → Background: #556357
The quick brown fox jumps over the lazy dog
Text: #556357 → Background: #635561
Color Difference (Delta E)
19.05
Noticeable
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #556357, #635561);
background: linear-gradient(135deg, #556357, #635561);