#A3D2AB
#A3D2AB
#D2A3CA
#D2A3CA
Color Values
| Format | #A3D2AB | #D2A3CA |
|---|---|---|
| HEX | #A3D2AB | #D2A3CA |
| RGB | 163, 210, 171 | 210, 163, 202 |
| HSL | 130.2, 34.3%, 73.1% | 310.2, 34.3%, 73.1% |
| HSV | 130.2, 22.4%, 82.4% | 310.2, 22.4%, 82.4% |
| CMYK | 22.4%, 0.0%, 18.6%, 17.6% | 0.0%, 22.4%, 3.8%, 17.6% |
| OKLCH | 0.82 0.0733 149.6 | 0.7707 0.0758 332.2 |
Contrast & Accessibility
1.26:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #D2A3CA → Background: #A3D2AB
The quick brown fox jumps over the lazy dog
Text: #A3D2AB → Background: #D2A3CA
Color Difference (Delta E)
54.86
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #A3D2AB, #D2A3CA);
background: linear-gradient(135deg, #A3D2AB, #D2A3CA);