#BAEEB8
#BAEEB8
#ECB8EE
#ECB8EE
Color Values
| Format | #BAEEB8 | #ECB8EE |
|---|---|---|
| HEX | #BAEEB8 | #ECB8EE |
| RGB | 186, 238, 184 | 236, 184, 238 |
| HSL | 117.8, 61.4%, 82.7% | 297.8, 61.4%, 82.7% |
| HSV | 117.8, 22.7%, 93.3% | 297.8, 22.7%, 93.3% |
| CMYK | 21.8%, 0.0%, 22.7%, 6.7% | 0.8%, 22.7%, 0.0%, 6.7% |
| OKLCH | 0.8992 0.0903 143.9 | 0.8461 0.0926 325.2 |
Contrast & Accessibility
1.26:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #ECB8EE → Background: #BAEEB8
The quick brown fox jumps over the lazy dog
Text: #BAEEB8 → Background: #ECB8EE
Color Difference (Delta E)
68.35
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #BAEEB8, #ECB8EE);
background: linear-gradient(135deg, #BAEEB8, #ECB8EE);