#3BA607
#3BA607
#7207A6
#7207A6
Color Values
| Format | #3BA607 | #7207A6 |
|---|---|---|
| HEX | #3BA607 | #7207A6 |
| RGB | 59, 166, 7 | 114, 7, 166 |
| HSL | 100.4, 91.9%, 33.9% | 280.4, 91.9%, 33.9% |
| HSV | 100.4, 95.8%, 65.1% | 280.4, 95.8%, 65.1% |
| CMYK | 64.5%, 0.0%, 95.8%, 34.9% | 31.3%, 95.8%, 0.0%, 34.9% |
| OKLCH | 0.6379 0.1999 139.2 | 0.4309 0.2148 308.9 |
Contrast & Accessibility
2.89:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #7207A6 → Background: #3BA607
The quick brown fox jumps over the lazy dog
Text: #3BA607 → Background: #7207A6
Color Difference (Delta E)
169.83
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #3BA607, #7207A6);
background: linear-gradient(135deg, #3BA607, #7207A6);