#7F60A3
#7F60A3
#84A360
#84A360
Color Values
| Format | #7F60A3 | #84A360 |
|---|---|---|
| HEX | #7F60A3 | #84A360 |
| RGB | 127, 96, 163 | 132, 163, 96 |
| HSL | 267.8, 26.7%, 50.8% | 87.8, 26.7%, 50.8% |
| HSV | 267.8, 41.1%, 63.9% | 87.8, 41.1%, 63.9% |
| CMYK | 22.1%, 41.1%, 0.0%, 36.1% | 19.0%, 0.0%, 41.1%, 36.1% |
| OKLCH | 0.548 0.1065 304.4 | 0.6757 0.0988 129.0 |
Contrast & Accessibility
1.8:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #84A360 → Background: #7F60A3
The quick brown fox jumps over the lazy dog
Text: #7F60A3 → Background: #84A360
Color Difference (Delta E)
81.56
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #7F60A3, #84A360);
background: linear-gradient(135deg, #7F60A3, #84A360);