#C7ACF9
#C7ACF9
#DEF9AC
#DEF9AC
Color Values
| Format | #C7ACF9 | #DEF9AC |
|---|---|---|
| HEX | #C7ACF9 | #DEF9AC |
| RGB | 199, 172, 249 | 222, 249, 172 |
| HSL | 261.0, 86.5%, 82.5% | 81.0, 86.5%, 82.5% |
| HSV | 261.0, 30.9%, 97.6% | 81.0, 30.9%, 97.6% |
| CMYK | 20.1%, 30.9%, 0.0%, 2.4% | 10.8%, 0.0%, 30.9%, 2.4% |
| OKLCH | 0.7953 0.1105 300.0 | 0.9444 0.103 124.0 |
Contrast & Accessibility
1.71:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #DEF9AC → Background: #C7ACF9
The quick brown fox jumps over the lazy dog
Text: #C7ACF9 → Background: #DEF9AC
Color Difference (Delta E)
85.12
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #C7ACF9, #DEF9AC);
background: linear-gradient(135deg, #C7ACF9, #DEF9AC);