#2F8E3A
#2F8E3A
#8E2F83
#8E2F83
Color Values
| Format | #2F8E3A | #8E2F83 |
|---|---|---|
| HEX | #2F8E3A | #8E2F83 |
| RGB | 47, 142, 58 | 142, 47, 131 |
| HSL | 126.9, 50.3%, 37.1% | 306.9, 50.3%, 37.1% |
| HSV | 126.9, 66.9%, 55.7% | 306.9, 66.9%, 55.7% |
| CMYK | 66.9%, 0.0%, 59.2%, 44.3% | 0.0%, 66.9%, 7.7%, 44.3% |
| OKLCH | 0.5721 0.1501 145.2 | 0.4762 0.162 332.7 |
Contrast & Accessibility
1.75:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #8E2F83 → Background: #2F8E3A
The quick brown fox jumps over the lazy dog
Text: #2F8E3A → Background: #8E2F83
Color Difference (Delta E)
115.72
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #2F8E3A, #8E2F83);
background: linear-gradient(135deg, #2F8E3A, #8E2F83);