#CACAF6
#CACAF6
#F6F6CA
#F6F6CA
Color Values
| Format | #CACAF6 | #F6F6CA |
|---|---|---|
| HEX | #CACAF6 | #F6F6CA |
| RGB | 202, 202, 246 | 246, 246, 202 |
| HSL | 240.0, 71.0%, 87.8% | 60.0, 71.0%, 87.8% |
| HSV | 240.0, 17.9%, 96.5% | 60.0, 17.9%, 96.5% |
| CMYK | 17.9%, 17.9%, 0.0%, 3.5% | 0.0%, 0.0%, 17.9%, 3.5% |
| OKLCH | 0.8534 0.0609 285.0 | 0.9621 0.057 107.4 |
Contrast & Accessibility
1.43:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #F6F6CA → Background: #CACAF6
The quick brown fox jumps over the lazy dog
Text: #CACAF6 → Background: #F6F6CA
Color Difference (Delta E)
47.55
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #CACAF6, #F6F6CA);
background: linear-gradient(135deg, #CACAF6, #F6F6CA);