#BA7FF8
#BA7FF8
#BDF87F
#BDF87F
Color Values
| Format | #BA7FF8 | #BDF87F |
|---|---|---|
| HEX | #BA7FF8 | #BDF87F |
| RGB | 186, 127, 248 | 189, 248, 127 |
| HSL | 269.3, 89.6%, 73.5% | 89.3, 89.6%, 73.5% |
| HSV | 269.3, 48.8%, 97.3% | 89.3, 48.8%, 97.3% |
| CMYK | 25.0%, 48.8%, 0.0%, 2.7% | 23.8%, 0.0%, 48.8%, 2.7% |
| OKLCH | 0.7057 0.1782 304.8 | 0.9132 0.1631 130.5 |
Contrast & Accessibility
2.26:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #BDF87F → Background: #BA7FF8
The quick brown fox jumps over the lazy dog
Text: #BA7FF8 → Background: #BDF87F
Color Difference (Delta E)
136.41
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #BA7FF8, #BDF87F);
background: linear-gradient(135deg, #BA7FF8, #BDF87F);