#BABCD1
#BABCD1
#D1CFBA
#D1CFBA
Color Values
| Format | #BABCD1 | #D1CFBA |
|---|---|---|
| HEX | #BABCD1 | #D1CFBA |
| RGB | 186, 188, 209 | 209, 207, 186 |
| HSL | 234.8, 20.0%, 77.5% | 54.8, 20.0%, 77.5% |
| HSV | 234.8, 11.0%, 82.0% | 54.8, 11.0%, 82.0% |
| CMYK | 11.0%, 10.0%, 0.0%, 18.0% | 0.0%, 1.0%, 11.0%, 18.0% |
| OKLCH | 0.8002 0.0296 281.4 | 0.8504 0.0285 102.5 |
Contrast & Accessibility
1.19:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #D1CFBA → Background: #BABCD1
The quick brown fox jumps over the lazy dog
Text: #BABCD1 → Background: #D1CFBA
Color Difference (Delta E)
23.18
Noticeable
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #BABCD1, #D1CFBA);
background: linear-gradient(135deg, #BABCD1, #D1CFBA);