#AFD3B1
#AFD3B1
#D3AFD1
#D3AFD1
Color Values
| Format | #AFD3B1 | #D3AFD1 |
|---|---|---|
| HEX | #AFD3B1 | #D3AFD1 |
| RGB | 175, 211, 177 | 211, 175, 209 |
| HSL | 123.3, 29.0%, 75.7% | 303.3, 29.0%, 75.7% |
| HSV | 123.3, 17.1%, 82.7% | 303.3, 17.1%, 82.7% |
| CMYK | 17.1%, 0.0%, 16.1%, 17.3% | 0.0%, 17.1%, 0.9%, 17.3% |
| OKLCH | 0.8315 0.0605 146.5 | 0.7962 0.0618 327.9 |
Contrast & Accessibility
1.18:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #D3AFD1 → Background: #AFD3B1
The quick brown fox jumps over the lazy dog
Text: #AFD3B1 → Background: #D3AFD1
Color Difference (Delta E)
45.35
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #AFD3B1, #D3AFD1);
background: linear-gradient(135deg, #AFD3B1, #D3AFD1);