HTML Color Picker
Pick a Color:
![colormap](img_colormap.gif)
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
SteelBlue
#4682b4
rgb(70, 130, 180)
hsl(207, 44%, 49%)
Lighter / Darker:
100% | #ffffff | |
95% | #edf3f8 | |
90% | #dae7f1 | |
85% | #c8daea | |
80% | #b6cee2 | |
75% | #a3c2db | |
70% | #91b6d4 | |
65% | #7eaacd | |
60% | #6c9dc6 | |
55% | #5a91bf | |
50% | #4785b8 | |
49% | #4682b4 | |
45% | #4078a5 | |
40% | #396a93 | |
35% | #325d81 | |
30% | #2b506e | |
25% | #24435c | |
20% | #1d3549 | |
15% | #152837 | |
10% | #0e1b25 | |
5% | #070d12 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #b44646 | rgb(180, 70, 70) | hsl(0, 44%, 49%) | |
15 | #b46146 | rgb(180, 97, 70) | hsl(15, 44%, 49%) | |
30 | #b47d46 | rgb(180, 125, 70) | hsl(30, 44%, 49%) | |
45 | #b49846 | rgb(180, 152, 70) | hsl(45, 44%, 49%) | |
60 | #b4b446 | rgb(180, 180, 70) | hsl(60, 44%, 49%) | |
75 | #98b446 | rgb(152, 180, 70) | hsl(75, 44%, 49%) | |
90 | #7db446 | rgb(125, 180, 70) | hsl(90, 44%, 49%) | |
105 | #61b446 | rgb(97, 180, 70) | hsl(105, 44%, 49%) | |
120 | #46b446 | rgb(70, 180, 70) | hsl(120, 44%, 49%) | |
135 | #46b461 | rgb(70, 180, 97) | hsl(135, 44%, 49%) | |
150 | #46b47d | rgb(70, 180, 125) | hsl(150, 44%, 49%) | |
165 | #46b498 | rgb(70, 180, 152) | hsl(165, 44%, 49%) | |
180 | #46b4b4 | rgb(70, 180, 180) | hsl(180, 44%, 49%) | |
195 | #4698b4 | rgb(70, 152, 180) | hsl(195, 44%, 49%) | |
207 | #4682b4 | rgb(70, 130, 180) | hsl(207, 44%, 49%) | |
210 | #467db4 | rgb(70, 125, 180) | hsl(210, 44%, 49%) | |
225 | #4661b4 | rgb(70, 97, 180) | hsl(225, 44%, 49%) | |
240 | #4646b4 | rgb(70, 70, 180) | hsl(240, 44%, 49%) | |
255 | #6146b4 | rgb(97, 70, 180) | hsl(255, 44%, 49%) | |
270 | #7d46b4 | rgb(125, 70, 180) | hsl(270, 44%, 49%) | |
285 | #9846b4 | rgb(152, 70, 180) | hsl(285, 44%, 49%) | |
300 | #b446b4 | rgb(180, 70, 180) | hsl(300, 44%, 49%) | |
315 | #b44698 | rgb(180, 70, 152) | hsl(315, 44%, 49%) | |
330 | #b4467d | rgb(180, 70, 125) | hsl(330, 44%, 49%) | |
345 | #b44661 | rgb(180, 70, 97) | hsl(345, 44%, 49%) | |
360 | #b44646 | rgb(180, 70, 70) | hsl(0, 44%, 49%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #0089fa | rgb(0, 137, 250) | hsl(207, 100%, 49%) | |
95% | #0689f4 | rgb(6, 137, 244) | hsl(207, 95%, 49%) | |
90% | #0c88ed | rgb(12, 136, 237) | hsl(207, 90%, 49%) | |
85% | #1388e7 | rgb(19, 136, 231) | hsl(207, 85%, 49%) | |
80% | #1987e1 | rgb(25, 135, 225) | hsl(207, 80%, 49%) | |
75% | #1f86db | rgb(31, 134, 219) | hsl(207, 75%, 49%) | |
70% | #2586d4 | rgb(37, 134, 212) | hsl(207, 70%, 49%) | |
65% | #2c85ce | rgb(44, 133, 206) | hsl(207, 65%, 49%) | |
60% | #3284c8 | rgb(50, 132, 200) | hsl(207, 60%, 49%) | |
55% | #3884c2 | rgb(56, 132, 194) | hsl(207, 55%, 49%) | |
50% | #3e83bb | rgb(62, 131, 187) | hsl(207, 50%, 49%) | |
45% | #4583b5 | rgb(69, 131, 181) | hsl(207, 45%, 49%) | |
44% | #4682b4 | rgb(70, 130, 180) | hsl(207, 44%, 49%) | |
40% | #4b82af | rgb(75, 130, 175) | hsl(207, 40%, 49%) | |
35% | #5181a9 | rgb(81, 129, 169) | hsl(207, 35%, 49%) | |
30% | #5781a2 | rgb(87, 129, 162) | hsl(207, 30%, 49%) | |
25% | #5e809c | rgb(94, 128, 156) | hsl(207, 25%, 49%) | |
20% | #647f96 | rgb(100, 127, 150) | hsl(207, 20%, 49%) | |
15% | #6a7f90 | rgb(106, 127, 144) | hsl(207, 15%, 49%) | |
10% | #707e89 | rgb(112, 126, 137) | hsl(207, 10%, 49%) | |
5% | #777e83 | rgb(119, 126, 131) | hsl(207, 5%, 49%) | |
0% | #7d7d7d | rgb(125, 125, 125) | hsl(207, 0%, 49%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(207, 44%, 100%) | |
95% | #edf3f8 | rgb(237, 243, 248) | hsl(207, 44%, 95%) | |
90% | #dae7f1 | rgb(218, 231, 241) | hsl(207, 44%, 90%) | |
85% | #c8daea | rgb(200, 218, 234) | hsl(207, 44%, 85%) | |
80% | #b6cee2 | rgb(182, 206, 226) | hsl(207, 44%, 80%) | |
75% | #a3c2db | rgb(163, 194, 219) | hsl(207, 44%, 75%) | |
70% | #91b6d4 | rgb(145, 182, 212) | hsl(207, 44%, 70%) | |
65% | #7eaacd | rgb(126, 170, 205) | hsl(207, 44%, 65%) | |
60% | #6c9dc6 | rgb(108, 157, 198) | hsl(207, 44%, 60%) | |
55% | #5a91bf | rgb(90, 145, 191) | hsl(207, 44%, 55%) | |
50% | #4785b8 | rgb(71, 133, 184) | hsl(207, 44%, 50%) | |
49% | #4682b4 | rgb(70, 130, 180) | hsl(207, 44%, 49%) | |
45% | #4078a5 | rgb(64, 120, 165) | hsl(207, 44%, 45%) | |
40% | #396a93 | rgb(57, 106, 147) | hsl(207, 44%, 40%) | |
35% | #325d81 | rgb(50, 93, 129) | hsl(207, 44%, 35%) | |
30% | #2b506e | rgb(43, 80, 110) | hsl(207, 44%, 30%) | |
25% | #24435c | rgb(36, 67, 92) | hsl(207, 44%, 25%) | |
20% | #1d3549 | rgb(29, 53, 73) | hsl(207, 44%, 20%) | |
15% | #152837 | rgb(21, 40, 55) | hsl(207, 44%, 15%) | |
10% | #0e1b25 | rgb(14, 27, 37) | hsl(207, 44%, 10%) | |
5% | #070d12 | rgb(7, 13, 18) | hsl(207, 44%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(207, 44%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
70 | 130 | 180 |
rgb(70, 130, 180)
#4682b4
#4682b4