#ABD3BB
#ABD3BB
#D3ABC3
#D3ABC3
Color Values
| Format | #ABD3BB | #D3ABC3 |
|---|---|---|
| HEX | #ABD3BB | #D3ABC3 |
| RGB | 171, 211, 187 | 211, 171, 195 |
| HSL | 144.0, 31.2%, 74.9% | 324.0, 31.2%, 74.9% |
| HSV | 144.0, 19.0%, 82.7% | 324.0, 19.0%, 82.7% |
| CMYK | 19.0%, 0.0%, 11.4%, 17.3% | 0.0%, 19.0%, 7.6%, 17.3% |
| OKLCH | 0.8314 0.0539 158.7 | 0.7841 0.0564 341.8 |
Contrast & Accessibility
1.23:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #D3ABC3 → Background: #ABD3BB
The quick brown fox jumps over the lazy dog
Text: #ABD3BB → Background: #D3ABC3
Color Difference (Delta E)
39.73
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #ABD3BB, #D3ABC3);
background: linear-gradient(135deg, #ABD3BB, #D3ABC3);