#AFD4BC
#AFD4BC
#D4AFC7
#D4AFC7
Color Values
| Format | #AFD4BC | #D4AFC7 |
|---|---|---|
| HEX | #AFD4BC | #D4AFC7 |
| RGB | 175, 212, 188 | 212, 175, 199 |
| HSL | 141.1, 30.1%, 75.9% | 321.1, 30.1%, 75.9% |
| HSV | 141.1, 17.5%, 83.1% | 321.1, 17.5%, 83.1% |
| CMYK | 17.5%, 0.0%, 11.3%, 16.9% | 0.0%, 17.5%, 6.1%, 16.9% |
| OKLCH | 0.8365 0.0514 156.7 | 0.7939 0.0534 339.4 |
Contrast & Accessibility
1.21:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #D4AFC7 → Background: #AFD4BC
The quick brown fox jumps over the lazy dog
Text: #AFD4BC → Background: #D4AFC7
Color Difference (Delta E)
37.96
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #AFD4BC, #D4AFC7);
background: linear-gradient(135deg, #AFD4BC, #D4AFC7);