#9DAFB6
#9DAFB6
#B6A49D
#B6A49D
Color Values
| Format | #9DAFB6 | #B6A49D |
|---|---|---|
| HEX | #9DAFB6 | #B6A49D |
| RGB | 157, 175, 182 | 182, 164, 157 |
| HSL | 196.8, 14.6%, 66.5% | 16.8, 14.6%, 66.5% |
| HSV | 196.8, 13.7%, 71.4% | 16.8, 13.7%, 71.4% |
| CMYK | 13.7%, 3.8%, 0.0%, 28.6% | 0.0%, 9.9%, 13.7%, 28.6% |
| OKLCH | 0.7423 0.0225 223.1 | 0.7322 0.0234 42.5 |
Contrast & Accessibility
1.05:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #B6A49D → Background: #9DAFB6
The quick brown fox jumps over the lazy dog
Text: #9DAFB6 → Background: #B6A49D
Color Difference (Delta E)
15.56
Noticeable
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #9DAFB6, #B6A49D);
background: linear-gradient(135deg, #9DAFB6, #B6A49D);