#B4FDA2
#B4FDA2
#EBA2FD
#EBA2FD
Color Values
| Format | #B4FDA2 | #EBA2FD |
|---|---|---|
| HEX | #B4FDA2 | #EBA2FD |
| RGB | 180, 253, 162 | 235, 162, 253 |
| HSL | 108.1, 95.8%, 81.4% | 288.1, 95.8%, 81.4% |
| HSV | 108.1, 36.0%, 99.2% | 288.1, 36.0%, 99.2% |
| CMYK | 28.9%, 0.0%, 36.0%, 0.8% | 7.1%, 36.0%, 0.0%, 0.8% |
| OKLCH | 0.9245 0.14 139.5 | 0.8136 0.1458 319.5 |
Contrast & Accessibility
1.58:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #EBA2FD → Background: #B4FDA2
The quick brown fox jumps over the lazy dog
Text: #B4FDA2 → Background: #EBA2FD
Color Difference (Delta E)
108.96
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #B4FDA2, #EBA2FD);
background: linear-gradient(135deg, #B4FDA2, #EBA2FD);