#3AFC52
#3AFC52
#FC3AE4
#FC3AE4
Color Values
| Format | #3AFC52 | #FC3AE4 |
|---|---|---|
| HEX | #3AFC52 | #FC3AE4 |
| RGB | 58, 252, 82 | 252, 58, 228 |
| HSL | 127.4, 97.0%, 60.8% | 307.4, 97.0%, 60.8% |
| HSV | 127.4, 77.0%, 98.8% | 307.4, 77.0%, 98.8% |
| CMYK | 77.0%, 0.0%, 67.5%, 1.2% | 0.0%, 77.0%, 9.5%, 1.2% |
| OKLCH | 0.8671 0.2582 144.4 | 0.7014 0.2784 333.9 |
Contrast & Accessibility
2.22:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #FC3AE4 β Background: #3AFC52
The quick brown fox jumps over the lazy dog
Text: #3AFC52 β Background: #FC3AE4
Color Difference (Delta E)
199.13
Very Different
0 β Identical
5 β Similar
25 β Noticeable
100 β Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #3AFC52, #FC3AE4);
background: linear-gradient(135deg, #3AFC52, #FC3AE4);