#31D034
#31D034
#D031CD
#D031CD
Color Values
| Format | #31D034 | #D031CD |
|---|---|---|
| HEX | #31D034 | #D031CD |
| RGB | 49, 208, 52 | 208, 49, 205 |
| HSL | 121.1, 62.8%, 50.4% | 301.1, 62.8%, 50.4% |
| HSV | 121.1, 76.4%, 81.6% | 301.1, 76.4%, 81.6% |
| CMYK | 76.4%, 0.0%, 75.0%, 18.4% | 0.0%, 76.4%, 1.4%, 18.4% |
| OKLCH | 0.7497 0.231 143.0 | 0.6182 0.2502 328.9 |
Contrast & Accessibility
2.04:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #D031CD → Background: #31D034
The quick brown fox jumps over the lazy dog
Text: #31D034 → Background: #D031CD
Color Difference (Delta E)
181.75
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #31D034, #D031CD);
background: linear-gradient(135deg, #31D034, #D031CD);