#71CF5C
#71CF5C
#BA5CCF
#BA5CCF
Color Values
| Format | #71CF5C | #BA5CCF |
|---|---|---|
| HEX | #71CF5C | #BA5CCF |
| RGB | 113, 207, 92 | 186, 92, 207 |
| HSL | 109.0, 54.5%, 58.6% | 289.0, 54.5%, 58.6% |
| HSV | 109.0, 55.6%, 81.2% | 289.0, 55.6%, 81.2% |
| CMYK | 45.4%, 0.0%, 55.6%, 18.8% | 10.1%, 55.6%, 0.0%, 18.8% |
| OKLCH | 0.7711 0.1771 140.1 | 0.6323 0.1882 320.0 |
Contrast & Accessibility
1.95:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #BA5CCF → Background: #71CF5C
The quick brown fox jumps over the lazy dog
Text: #71CF5C → Background: #BA5CCF
Color Difference (Delta E)
140.45
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #71CF5C, #BA5CCF);
background: linear-gradient(135deg, #71CF5C, #BA5CCF);