#AFB7BA
#AFB7BA
#BAB2AF
#BAB2AF
Color Values
| Format | #AFB7BA | #BAB2AF |
|---|---|---|
| HEX | #AFB7BA | #BAB2AF |
| RGB | 175, 183, 186 | 186, 178, 175 |
| HSL | 196.4, 7.4%, 70.8% | 16.4, 7.4%, 70.8% |
| HSV | 196.4, 5.9%, 72.9% | 16.4, 5.9%, 72.9% |
| CMYK | 5.9%, 1.6%, 0.0%, 27.1% | 0.0%, 4.3%, 5.9%, 27.1% |
| OKLCH | 0.774 0.0099 222.1 | 0.7693 0.0101 41.9 |
Contrast & Accessibility
1.02:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #BAB2AF → Background: #AFB7BA
The quick brown fox jumps over the lazy dog
Text: #AFB7BA → Background: #BAB2AF
Color Difference (Delta E)
6.79
Noticeable
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #AFB7BA, #BAB2AF);
background: linear-gradient(135deg, #AFB7BA, #BAB2AF);