#168B21
#168B21
#8B1680
#8B1680
Color Values
| Format | #168B21 | #8B1680 |
|---|---|---|
| HEX | #168B21 | #8B1680 |
| RGB | 22, 139, 33 | 139, 22, 128 |
| HSL | 125.6, 72.7%, 31.6% | 305.6, 72.7%, 31.6% |
| HSV | 125.6, 84.2%, 54.5% | 305.6, 84.2%, 54.5% |
| CMYK | 84.2%, 0.0%, 76.3%, 45.5% | 0.0%, 84.2%, 7.9%, 45.5% |
| OKLCH | 0.5555 0.1724 143.7 | 0.4488 0.1856 332.7 |
Contrast & Accessibility
1.88:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #8B1680 → Background: #168B21
The quick brown fox jumps over the lazy dog
Text: #168B21 → Background: #8B1680
Color Difference (Delta E)
133.68
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #168B21, #8B1680);
background: linear-gradient(135deg, #168B21, #8B1680);