#CCDFDD
#CCDFDD
#DFCCCE
#DFCCCE
Color Values
| Format | #CCDFDD | #DFCCCE |
|---|---|---|
| HEX | #CCDFDD | #DFCCCE |
| RGB | 204, 223, 221 | 223, 204, 206 |
| HSL | 173.7, 22.9%, 83.7% | 353.7, 22.9%, 83.7% |
| HSV | 173.7, 8.5%, 87.5% | 353.7, 8.5%, 87.5% |
| CMYK | 8.5%, 0.0%, 0.9%, 12.5% | 0.0%, 8.5%, 7.6%, 12.5% |
| OKLCH | 0.8889 0.0205 189.2 | 0.8614 0.0214 10.3 |
Contrast & Accessibility
1.11:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #DFCCCE → Background: #CCDFDD
The quick brown fox jumps over the lazy dog
Text: #CCDFDD → Background: #DFCCCE
Color Difference (Delta E)
14.39
Noticeable
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #CCDFDD, #DFCCCE);
background: linear-gradient(135deg, #CCDFDD, #DFCCCE);