#CCFFD1
#CCFFD1
#FFCCFA
#FFCCFA
Color Values
| Format | #CCFFD1 | #FFCCFA |
|---|---|---|
| HEX | #CCFFD1 | #FFCCFA |
| RGB | 204, 255, 209 | 255, 204, 250 |
| HSL | 125.9, 100.0%, 90.0% | 305.9, 100.0%, 90.0% |
| HSV | 125.9, 20.0%, 100.0% | 305.9, 20.0%, 100.0% |
| CMYK | 20.0%, 0.0%, 18.0%, 0.0% | 0.0%, 20.0%, 2.0%, 0.0% |
| OKLCH | 0.9528 0.0804 147.5 | 0.9034 0.0826 329.5 |
Contrast & Accessibility
1.23:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #FFCCFA β Background: #CCFFD1
The quick brown fox jumps over the lazy dog
Text: #CCFFD1 β Background: #FFCCFA
Color Difference (Delta E)
60.29
Very Different
0 β Identical
5 β Similar
25 β Noticeable
100 β Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #CCFFD1, #FFCCFA);
background: linear-gradient(135deg, #CCFFD1, #FFCCFA);