#DDC2F9
#DDC2F9
#DEF9C2
#DEF9C2
Color Values
| Format | #DDC2F9 | #DEF9C2 |
|---|---|---|
| HEX | #DDC2F9 | #DEF9C2 |
| RGB | 221, 194, 249 | 222, 249, 194 |
| HSL | 269.5, 82.1%, 86.9% | 89.5, 82.1%, 86.9% |
| HSV | 269.5, 22.1%, 97.6% | 89.5, 22.1%, 97.6% |
| CMYK | 11.2%, 22.1%, 0.0%, 2.4% | 10.8%, 0.0%, 22.1%, 2.4% |
| OKLCH | 0.8547 0.0803 307.0 | 0.9488 0.0773 129.1 |
Contrast & Accessibility
1.4:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #DEF9C2 → Background: #DDC2F9
The quick brown fox jumps over the lazy dog
Text: #DDC2F9 → Background: #DEF9C2
Color Difference (Delta E)
61.73
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #DDC2F9, #DEF9C2);
background: linear-gradient(135deg, #DDC2F9, #DEF9C2);