#C4D2CC
#C4D2CC
#D2C4CA
#D2C4CA
Color Values
| Format | #C4D2CC | #D2C4CA |
|---|---|---|
| HEX | #C4D2CC | #D2C4CA |
| RGB | 196, 210, 204 | 210, 196, 202 |
| HSL | 154.3, 13.5%, 79.6% | 334.3, 13.5%, 79.6% |
| HSV | 154.3, 6.7%, 82.4% | 334.3, 6.7%, 82.4% |
| CMYK | 6.7%, 0.0%, 2.9%, 17.6% | 0.0%, 6.7%, 3.8%, 17.6% |
| OKLCH | 0.8514 0.0172 168.4 | 0.8335 0.0176 349.6 |
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: #D2C4CA → Background: #C4D2CC
The quick brown fox jumps over the lazy dog
Text: #C4D2CC → Background: #D2C4CA
Color Difference (Delta E)
12.34
Noticeable
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #C4D2CC, #D2C4CA);
background: linear-gradient(135deg, #C4D2CC, #D2C4CA);