#AFD7DD
#AFD7DD
#DDB5AF
#DDB5AF
Color Values
| Format | #AFD7DD | #DDB5AF |
|---|---|---|
| HEX | #AFD7DD | #DDB5AF |
| RGB | 175, 215, 221 | 221, 181, 175 |
| HSL | 187.8, 40.4%, 77.6% | 7.8, 40.4%, 77.6% |
| HSV | 187.8, 20.8%, 86.7% | 7.8, 20.8%, 86.7% |
| CMYK | 20.8%, 2.7%, 0.0%, 13.3% | 0.0%, 18.1%, 20.8%, 13.3% |
| OKLCH | 0.8525 0.0428 207.6 | 0.8068 0.0474 28.1 |
Contrast & Accessibility
1.2:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #DDB5AF → Background: #AFD7DD
The quick brown fox jumps over the lazy dog
Text: #AFD7DD → Background: #DDB5AF
Color Difference (Delta E)
30.47
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #AFD7DD, #DDB5AF);
background: linear-gradient(135deg, #AFD7DD, #DDB5AF);