#DCEEDD
#DCEEDD
#EEDCED
#EEDCED
Color Values
| Format | #DCEEDD | #EEDCED |
|---|---|---|
| HEX | #DCEEDD | #EEDCED |
| RGB | 220, 238, 221 | 238, 220, 237 |
| HSL | 123.3, 34.6%, 89.8% | 303.3, 34.6%, 89.8% |
| HSV | 123.3, 7.6%, 93.3% | 303.3, 7.6%, 93.3% |
| CMYK | 7.6%, 0.0%, 7.1%, 6.7% | 0.0%, 7.6%, 0.4%, 6.7% |
| OKLCH | 0.9311 0.0296 146.9 | 0.9139 0.0299 327.5 |
Contrast & Accessibility
1.08:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #EEDCED → Background: #DCEEDD
The quick brown fox jumps over the lazy dog
Text: #DCEEDD → Background: #EEDCED
Color Difference (Delta E)
22.07
Noticeable
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #DCEEDD, #EEDCED);
background: linear-gradient(135deg, #DCEEDD, #EEDCED);