#CCF0B7
#CCF0B7
#DBB7F0
#DBB7F0
Color Values
| Format | #CCF0B7 | #DBB7F0 |
|---|---|---|
| HEX | #CCF0B7 | #DBB7F0 |
| RGB | 204, 240, 183 | 219, 183, 240 |
| HSL | 97.9, 65.5%, 82.9% | 277.9, 65.5%, 82.9% |
| HSV | 97.9, 23.8%, 94.1% | 277.9, 23.8%, 94.1% |
| CMYK | 15.0%, 0.0%, 23.8%, 5.9% | 8.8%, 23.8%, 0.0%, 5.9% |
| OKLCH | 0.915 0.0844 134.2 | 0.8294 0.0871 312.9 |
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: #DBB7F0 → Background: #CCF0B7
The quick brown fox jumps over the lazy dog
Text: #CCF0B7 → Background: #DBB7F0
Color Difference (Delta E)
66.27
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #CCF0B7, #DBB7F0);
background: linear-gradient(135deg, #CCF0B7, #DBB7F0);