#BECEBA
#BECEBA
#CABACE
#CABACE
Color Values
| Format | #BECEBA | #CABACE |
|---|---|---|
| HEX | #BECEBA | #CABACE |
| RGB | 190, 206, 186 | 202, 186, 206 |
| HSL | 108.0, 16.9%, 76.9% | 288.0, 16.9%, 76.9% |
| HSV | 108.0, 9.7%, 80.8% | 288.0, 9.7%, 80.8% |
| CMYK | 7.8%, 0.0%, 9.7%, 19.2% | 1.9%, 9.7%, 0.0%, 19.2% |
| OKLCH | 0.8336 0.0325 139.4 | 0.8083 0.0328 319.5 |
Contrast & Accessibility
1.11:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CABACE → Background: #BECEBA
The quick brown fox jumps over the lazy dog
Text: #BECEBA → Background: #CABACE
Color Difference (Delta E)
24.72
Noticeable
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #BECEBA, #CABACE);
background: linear-gradient(135deg, #BECEBA, #CABACE);