#367F3B
#367F3B
#7F367A
#7F367A
Color Values
| Format | #367F3B | #7F367A |
|---|---|---|
| HEX | #367F3B | #7F367A |
| RGB | 54, 127, 59 | 127, 54, 122 |
| HSL | 124.1, 40.3%, 35.5% | 304.1, 40.3%, 35.5% |
| HSV | 124.1, 57.5%, 49.8% | 304.1, 57.5%, 49.8% |
| CMYK | 57.5%, 0.0%, 53.5%, 50.2% | 0.0%, 57.5%, 3.9%, 50.2% |
| OKLCH | 0.5332 0.1253 144.8 | 0.4578 0.134 330.2 |
Contrast & Accessibility
1.57:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #7F367A → Background: #367F3B
The quick brown fox jumps over the lazy dog
Text: #367F3B → Background: #7F367A
Color Difference (Delta E)
96.52
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #367F3B, #7F367A);
background: linear-gradient(135deg, #367F3B, #7F367A);