#DFFFF2
#DFFFF2
#FFDFEC
#FFDFEC
Color Values
| Format | #DFFFF2 | #FFDFEC |
|---|---|---|
| HEX | #DFFFF2 | #FFDFEC |
| RGB | 223, 255, 242 | 255, 223, 236 |
| HSL | 155.6, 100.0%, 93.7% | 335.6, 100.0%, 93.7% |
| HSV | 155.6, 12.5%, 100.0% | 335.6, 12.5%, 100.0% |
| CMYK | 12.5%, 0.0%, 5.1%, 0.0% | 0.0%, 12.5%, 7.5%, 0.0% |
| OKLCH | 0.9735 0.0373 169.1 | 0.9337 0.039 351.4 |
Contrast & Accessibility
1.16:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #FFDFEC → Background: #DFFFF2
The quick brown fox jumps over the lazy dog
Text: #DFFFF2 → Background: #FFDFEC
Color Difference (Delta E)
26.96
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #DFFFF2, #FFDFEC);
background: linear-gradient(135deg, #DFFFF2, #FFDFEC);