#CCCFD1
#CCCFD1
#D1CECC
#D1CECC
Color Values
| Format | #CCCFD1 | #D1CECC |
|---|---|---|
| HEX | #CCCFD1 | #D1CECC |
| RGB | 204, 207, 209 | 209, 206, 204 |
| HSL | 204.0, 5.2%, 81.0% | 24.0, 5.2%, 81.0% |
| HSV | 204.0, 2.4%, 82.0% | 24.0, 2.4%, 82.0% |
| CMYK | 2.4%, 1.0%, 0.0%, 18.0% | 0.0%, 1.4%, 2.4%, 18.0% |
| OKLCH | 0.8528 0.0043 236.5 | 0.8532 0.0043 56.4 |
Contrast & Accessibility
1.0:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #D1CECC → Background: #CCCFD1
The quick brown fox jumps over the lazy dog
Text: #CCCFD1 → Background: #D1CECC
Color Difference (Delta E)
3.01
Similar
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #CCCFD1, #D1CECC);
background: linear-gradient(135deg, #CCCFD1, #D1CECC);