#DBCCF3
#DBCCF3
#E4F3CC
#E4F3CC
Color Values
| Format | #DBCCF3 | #E4F3CC |
|---|---|---|
| HEX | #DBCCF3 | #E4F3CC |
| RGB | 219, 204, 243 | 228, 243, 204 |
| HSL | 263.1, 61.9%, 87.6% | 83.1, 61.9%, 87.6% |
| HSV | 263.1, 16.0%, 95.3% | 83.1, 16.0%, 95.3% |
| CMYK | 9.9%, 16.0%, 0.0%, 4.7% | 6.2%, 0.0%, 16.0%, 4.7% |
| OKLCH | 0.8697 0.0555 302.8 | 0.9429 0.0537 124.6 |
Contrast & Accessibility
1.29:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #E4F3CC → Background: #DBCCF3
The quick brown fox jumps over the lazy dog
Text: #DBCCF3 → Background: #E4F3CC
Color Difference (Delta E)
43.09
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #DBCCF3, #E4F3CC);
background: linear-gradient(135deg, #DBCCF3, #E4F3CC);