Shades and tints of Info Blue
Every lighter, darker, tinted, toned and saturation variation of Info Blue (#3B82F6) 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(240, 246, 254) | hsl(214, 88%, 97%) | 1.09 | ||
| rgb(220, 233, 253) | hsl(216, 89%, 93%) | 1.23 | ||
| rgb(200, 220, 252) | hsl(217, 90%, 89%) | 1.39 | ||
| rgb(180, 207, 252) | hsl(218, 92%, 85%) | 1.58 | ||
| rgb(160, 194, 251) | hsl(218, 92%, 81%) | 1.81 | ||
| rgb(140, 181, 250) | hsl(218, 92%, 76%) | 2.08 | ||
| rgb(119, 169, 249) | hsl(217, 92%, 72%) | 2.38 | ||
| rgb(99, 156, 248) | hsl(217, 91%, 68%) | 2.75 | ||
| rgb(79, 143, 247) | hsl(217, 91%, 64%) | 3.18 | ||
| rgb(59, 130, 246) | hsl(217, 91%, 60%) | 3.68 | ||
| rgb(28, 110, 245) | hsl(217, 92%, 54%) | 4.57 | ||
| rgb(11, 94, 230) | hsl(217, 91%, 47%) | 5.59 | ||
| rgb(9, 81, 199) | hsl(217, 91%, 41%) | 6.97 | ||
| rgb(8, 69, 169) | hsl(217, 91%, 35%) | 8.63 | ||
| rgb(6, 56, 138) | hsl(217, 92%, 28%) | 10.82 | ||
| rgb(5, 44, 107) | hsl(217, 91%, 22%) | 13.30 | ||
| rgb(3, 31, 76) | hsl(217, 92%, 15%) | 16.10 | ||
| rgb(2, 19, 45) | hsl(216, 91%, 9%) | 18.52 | ||
| rgb(1, 6, 15) | hsl(219, 88%, 3%) | 20.30 |