#20BC1B
#20BC1B
#B71BBC
#B71BBC
Color Values
| Format | #20BC1B | #B71BBC |
|---|---|---|
| HEX | #20BC1B | #B71BBC |
| RGB | 32, 188, 27 | 183, 27, 188 |
| HSL | 118.1, 74.9%, 42.2% | 298.1, 74.9%, 42.2% |
| HSV | 118.1, 85.6%, 73.7% | 298.1, 85.6%, 73.7% |
| CMYK | 83.0%, 0.0%, 85.6%, 26.3% | 2.7%, 85.6%, 0.0%, 26.3% |
| OKLCH | 0.6923 0.225 142.4 | 0.5579 0.2441 326.8 |
Contrast & Accessibility
2.12:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #B71BBC → Background: #20BC1B
The quick brown fox jumps over the lazy dog
Text: #20BC1B → Background: #B71BBC
Color Difference (Delta E)
179.37
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #20BC1B, #B71BBC);
background: linear-gradient(135deg, #20BC1B, #B71BBC);