Shades and tints of Surface Gray
Every lighter, darker, tinted, toned and saturation variation of Surface Gray (#F5F5F7) with copyable codes.
Lighter
Darker
Tints
mixed with white
Shades
mixed with black
Tones
mixed with gray
Saturation variations
Neighboring hues
Scale table
| HEX | RGB | HSL | vs white | |
|---|---|---|---|---|
| rgb(247, 247, 248) | hsl(240, 7%, 97%) | 1.07 | ||
| rgb(246, 246, 248) | hsl(240, 13%, 97%) | 1.08 | ||
| rgb(246, 246, 248) | hsl(240, 13%, 97%) | 1.08 | ||
| rgb(246, 246, 248) | hsl(240, 13%, 97%) | 1.08 | ||
| rgb(246, 246, 248) | hsl(240, 13%, 97%) | 1.08 | ||
| rgb(246, 246, 248) | hsl(240, 13%, 97%) | 1.08 | ||
| rgb(246, 246, 247) | hsl(240, 6%, 97%) | 1.08 | ||
| rgb(245, 245, 247) | hsl(240, 11%, 96%) | 1.09 | ||
| rgb(245, 245, 247) | hsl(240, 11%, 96%) | 1.09 | ||
| rgb(245, 245, 247) | hsl(240, 11%, 96%) | 1.09 | ||
| rgb(216, 216, 223) | hsl(240, 10%, 86%) | 1.42 | ||
| rgb(186, 186, 200) | hsl(240, 11%, 76%) | 1.92 | ||
| rgb(157, 157, 176) | hsl(240, 11%, 65%) | 2.66 | ||
| rgb(127, 127, 153) | hsl(240, 11%, 55%) | 3.89 | ||
| rgb(101, 101, 126) | hsl(240, 11%, 45%) | 5.65 | ||
| rgb(77, 77, 97) | hsl(240, 11%, 34%) | 8.24 | ||
| rgb(54, 54, 67) | hsl(240, 11%, 24%) | 11.89 | ||
| rgb(30, 30, 38) | hsl(240, 12%, 13%) | 16.55 | ||
| rgb(7, 7, 9) | hsl(240, 13%, 3%) | 20.13 |