#C4FEE6
#C4FEE6
#FEC4DC
#FEC4DC
Color Values
| Format | #C4FEE6 | #FEC4DC |
|---|---|---|
| HEX | #C4FEE6 | #FEC4DC |
| RGB | 196, 254, 230 | 254, 196, 220 |
| HSL | 155.2, 96.7%, 88.2% | 335.2, 96.7%, 88.2% |
| HSV | 155.2, 22.8%, 99.6% | 335.2, 22.8%, 99.6% |
| CMYK | 22.8%, 0.0%, 9.4%, 0.4% | 0.0%, 22.8%, 13.4%, 0.4% |
| OKLCH | 0.9511 0.0669 167.7 | 0.8788 0.0726 352.0 |
Contrast & Accessibility
1.32:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #FEC4DC → Background: #C4FEE6
The quick brown fox jumps over the lazy dog
Text: #C4FEE6 → Background: #FEC4DC
Color Difference (Delta E)
49.27
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #C4FEE6, #FEC4DC);
background: linear-gradient(135deg, #C4FEE6, #FEC4DC);