#57CB2A
#57CB2A
#9E2ACB
#9E2ACB
Color Values
| Format | #57CB2A | #9E2ACB |
|---|---|---|
| HEX | #57CB2A | #9E2ACB |
| RGB | 87, 203, 42 | 158, 42, 203 |
| HSL | 103.2, 65.7%, 48.0% | 283.2, 65.7%, 48.0% |
| HSV | 103.2, 79.3%, 79.6% | 283.2, 79.3%, 79.6% |
| CMYK | 57.1%, 0.0%, 79.3%, 20.4% | 22.2%, 79.3%, 0.0%, 20.4% |
| OKLCH | 0.7461 0.2177 139.0 | 0.5406 0.2355 314.0 |
Contrast & Accessibility
2.74:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #9E2ACB → Background: #57CB2A
The quick brown fox jumps over the lazy dog
Text: #57CB2A → Background: #9E2ACB
Color Difference (Delta E)
180.96
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #57CB2A, #9E2ACB);
background: linear-gradient(135deg, #57CB2A, #9E2ACB);