#DCECE1
#DCECE1
#ECDCE7
#ECDCE7
Color Values
| Format | #DCECE1 | #ECDCE7 |
|---|---|---|
| HEX | #DCECE1 | #ECDCE7 |
| RGB | 220, 236, 225 | 236, 220, 231 |
| HSL | 138.7, 29.6%, 89.4% | 318.8, 29.6%, 89.4% |
| HSV | 138.7, 6.8%, 92.5% | 318.8, 6.8%, 92.5% |
| CMYK | 6.8%, 0.0%, 4.7%, 7.5% | 0.0%, 6.8%, 2.1%, 7.5% |
| OKLCH | 0.9281 0.0224 155.9 | 0.9105 0.0227 336.9 |
Contrast & Accessibility
1.07:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #ECDCE7 → Background: #DCECE1
The quick brown fox jumps over the lazy dog
Text: #DCECE1 → Background: #ECDCE7
Color Difference (Delta E)
16.44
Noticeable
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #DCECE1, #ECDCE7);
background: linear-gradient(135deg, #DCECE1, #ECDCE7);