#BABADD
#BABADD
#DDDDBA
#DDDDBA
Color Values
| Format | #BABADD | #DDDDBA |
|---|---|---|
| HEX | #BABADD | #DDDDBA |
| RGB | 186, 186, 221 | 221, 221, 186 |
| HSL | 240.0, 34.0%, 79.8% | 60.0, 34.0%, 79.8% |
| HSV | 240.0, 15.8%, 86.7% | 60.0, 15.8%, 86.7% |
| CMYK | 15.8%, 15.8%, 0.0%, 13.3% | 0.0%, 0.0%, 15.8%, 13.3% |
| OKLCH | 0.8004 0.0492 285.2 | 0.8885 0.0464 107.3 |
Contrast & Accessibility
1.36:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #DDDDBA → Background: #BABADD
The quick brown fox jumps over the lazy dog
Text: #BABADD → Background: #DDDDBA
Color Difference (Delta E)
38.53
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #BABADD, #DDDDBA);
background: linear-gradient(135deg, #BABADD, #DDDDBA);