#57DC4F
#57DC4F
#D44FDC
#D44FDC
Color Values
| Format | #57DC4F | #D44FDC |
|---|---|---|
| HEX | #57DC4F | #D44FDC |
| RGB | 87, 220, 79 | 212, 79, 220 |
| HSL | 116.6, 66.8%, 58.6% | 296.6, 66.8%, 58.6% |
| HSV | 116.6, 64.1%, 86.3% | 296.6, 64.1%, 86.3% |
| CMYK | 60.5%, 0.0%, 64.1%, 13.7% | 3.6%, 64.1%, 0.0%, 13.7% |
| OKLCH | 0.7923 0.2155 142.4 | 0.6577 0.2309 325.5 |
Contrast & Accessibility
1.98:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #D44FDC → Background: #57DC4F
The quick brown fox jumps over the lazy dog
Text: #57DC4F → Background: #D44FDC
Color Difference (Delta E)
169.52
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #57DC4F, #D44FDC);
background: linear-gradient(135deg, #57DC4F, #D44FDC);