#CACCF6
#CACCF6
#F6F4CA
#F6F4CA
Color Values
| Format | #CACCF6 | #F6F4CA |
|---|---|---|
| HEX | #CACCF6 | #F6F4CA |
| RGB | 202, 204, 246 | 246, 244, 202 |
| HSL | 237.3, 71.0%, 87.8% | 57.3, 71.0%, 87.8% |
| HSV | 237.3, 17.9%, 96.5% | 57.3, 17.9%, 96.5% |
| CMYK | 17.9%, 17.1%, 0.0%, 3.5% | 0.0%, 0.8%, 17.9%, 3.5% |
| OKLCH | 0.8573 0.0582 282.9 | 0.9581 0.0546 105.1 |
Contrast & Accessibility
1.39:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #F6F4CA β Background: #CACCF6
The quick brown fox jumps over the lazy dog
Text: #CACCF6 β Background: #F6F4CA
Color Difference (Delta E)
45.29
Very Different
0 β Identical
5 β Similar
25 β Noticeable
100 β Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #CACCF6, #F6F4CA);
background: linear-gradient(135deg, #CACCF6, #F6F4CA);