#554F6D
#554F6D
#676D4F
#676D4F
Color Values
| Format | #554F6D | #676D4F |
|---|---|---|
| HEX | #554F6D | #676D4F |
| RGB | 85, 79, 109 | 103, 109, 79 |
| HSL | 252.0, 16.0%, 36.9% | 72.0, 16.0%, 36.9% |
| HSV | 252.0, 27.5%, 42.7% | 72.0, 27.5%, 42.7% |
| CMYK | 22.0%, 27.5%, 0.0%, 57.3% | 5.5%, 0.0%, 27.5%, 57.3% |
| OKLCH | 0.4455 0.0491 293.5 | 0.5212 0.0455 117.2 |
Contrast & Accessibility
1.42:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #676D4F → Background: #554F6D
The quick brown fox jumps over the lazy dog
Text: #554F6D → Background: #676D4F
Color Difference (Delta E)
37.99
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #554F6D, #676D4F);
background: linear-gradient(135deg, #554F6D, #676D4F);