#CCEFEF
#CCEFEF
#EFCCCC
#EFCCCC
Color Values
| Format | #CCEFEF | #EFCCCC |
|---|---|---|
| HEX | #CCEFEF | #EFCCCC |
| RGB | 204, 239, 239 | 239, 204, 204 |
| HSL | 180.0, 52.2%, 86.9% | 0.0, 52.2%, 86.9% |
| HSV | 180.0, 14.6%, 93.7% | 0.0, 14.6%, 93.7% |
| CMYK | 14.6%, 0.0%, 0.0%, 6.3% | 0.0%, 14.6%, 14.6%, 6.3% |
| OKLCH | 0.9271 0.0364 196.5 | 0.8749 0.0396 17.9 |
Contrast & Accessibility
1.21:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #EFCCCC β Background: #CCEFEF
The quick brown fox jumps over the lazy dog
Text: #CCEFEF β Background: #EFCCCC
Color Difference (Delta E)
26.01
Very Different
0 β Identical
5 β Similar
25 β Noticeable
100 β Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #CCEFEF, #EFCCCC);
background: linear-gradient(135deg, #CCEFEF, #EFCCCC);