#3ACE5B
#3ACE5B
#CE3AAD
#CE3AAD
Color Values
| Format | #3ACE5B | #CE3AAD |
|---|---|---|
| HEX | #3ACE5B | #CE3AAD |
| RGB | 58, 206, 91 | 206, 58, 173 |
| HSL | 133.4, 60.2%, 51.8% | 313.4, 60.2%, 51.8% |
| HSV | 133.4, 71.8%, 80.8% | 313.4, 71.8%, 80.8% |
| CMYK | 71.8%, 0.0%, 55.8%, 19.2% | 0.0%, 71.8%, 16.0%, 19.2% |
| OKLCH | 0.7501 0.1995 146.9 | 0.6054 0.2179 338.4 |
Contrast & Accessibility
2.1:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CE3AAD → Background: #3ACE5B
The quick brown fox jumps over the lazy dog
Text: #3ACE5B → Background: #CE3AAD
Color Difference (Delta E)
152.3
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #3ACE5B, #CE3AAD);
background: linear-gradient(135deg, #3ACE5B, #CE3AAD);