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
DarkSlateBlue
#483d8b
rgb(72, 61, 139)
hsl(248, 39%, 39%)
Lighter / Darker:
100% | #ffffff | |
95% | #efedf7 | |
90% | #dedcef | |
85% | #cecae8 | |
80% | #bdb8e0 | |
75% | #ada6d8 | |
70% | #9d95d0 | |
65% | #8c83c9 | |
60% | #7c71c1 | |
55% | #6b5fb9 | |
50% | #5b4eb1 | |
45% | #5246a0 | |
40% | #493e8e | |
39% | #483d8b | |
35% | #40367c | |
30% | #372f6a | |
25% | #2e2759 | |
20% | #241f47 | |
15% | #1b1735 | |
10% | #121023 | |
5% | #090812 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #8a3d3d | rgb(138, 61, 61) | hsl(0, 39%, 39%) | |
15 | #8a503d | rgb(138, 80, 61) | hsl(15, 39%, 39%) | |
30 | #8a633d | rgb(138, 99, 61) | hsl(30, 39%, 39%) | |
45 | #8a773d | rgb(138, 119, 61) | hsl(45, 39%, 39%) | |
60 | #8a8a3d | rgb(138, 138, 61) | hsl(60, 39%, 39%) | |
75 | #778a3d | rgb(119, 138, 61) | hsl(75, 39%, 39%) | |
90 | #638a3d | rgb(99, 138, 61) | hsl(90, 39%, 39%) | |
105 | #508a3d | rgb(80, 138, 61) | hsl(105, 39%, 39%) | |
120 | #3d8a3d | rgb(61, 138, 61) | hsl(120, 39%, 39%) | |
135 | #3d8a50 | rgb(61, 138, 80) | hsl(135, 39%, 39%) | |
150 | #3d8a63 | rgb(61, 138, 99) | hsl(150, 39%, 39%) | |
165 | #3d8a77 | rgb(61, 138, 119) | hsl(165, 39%, 39%) | |
180 | #3d8a8a | rgb(61, 138, 138) | hsl(180, 39%, 39%) | |
195 | #3d778a | rgb(61, 119, 138) | hsl(195, 39%, 39%) | |
210 | #3d638a | rgb(61, 99, 138) | hsl(210, 39%, 39%) | |
225 | #3d508a | rgb(61, 80, 138) | hsl(225, 39%, 39%) | |
240 | #3d3d8a | rgb(61, 61, 138) | hsl(240, 39%, 39%) | |
248 | #483d8b | rgb(72, 61, 139) | hsl(248, 39%, 39%) | |
255 | #503d8a | rgb(80, 61, 138) | hsl(255, 39%, 39%) | |
270 | #633d8a | rgb(99, 61, 138) | hsl(270, 39%, 39%) | |
285 | #773d8a | rgb(119, 61, 138) | hsl(285, 39%, 39%) | |
300 | #8a3d8a | rgb(138, 61, 138) | hsl(300, 39%, 39%) | |
315 | #8a3d77 | rgb(138, 61, 119) | hsl(315, 39%, 39%) | |
330 | #8a3d63 | rgb(138, 61, 99) | hsl(330, 39%, 39%) | |
345 | #8a3d50 | rgb(138, 61, 80) | hsl(345, 39%, 39%) | |
360 | #8a3d3d | rgb(138, 61, 61) | hsl(0, 39%, 39%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #1b00c7 | rgb(27, 0, 199) | hsl(248, 100%, 39%) | |
95% | #1e05c2 | rgb(30, 5, 194) | hsl(248, 95%, 39%) | |
90% | #220abd | rgb(34, 10, 189) | hsl(248, 90%, 39%) | |
85% | #250fb8 | rgb(37, 15, 184) | hsl(248, 85%, 39%) | |
80% | #2914b3 | rgb(41, 20, 179) | hsl(248, 80%, 39%) | |
75% | #2d19ae | rgb(45, 25, 174) | hsl(248, 75%, 39%) | |
70% | #301ea9 | rgb(48, 30, 169) | hsl(248, 70%, 39%) | |
65% | #3423a4 | rgb(52, 35, 164) | hsl(248, 65%, 39%) | |
60% | #38289f | rgb(56, 40, 159) | hsl(248, 60%, 39%) | |
55% | #3b2d9a | rgb(59, 45, 154) | hsl(248, 55%, 39%) | |
50% | #3f3295 | rgb(63, 50, 149) | hsl(248, 50%, 39%) | |
45% | #433790 | rgb(67, 55, 144) | hsl(248, 45%, 39%) | |
40% | #463c8b | rgb(70, 60, 139) | hsl(248, 40%, 39%) | |
39% | #483d8b | rgb(72, 61, 139) | hsl(248, 39%, 39%) | |
35% | #4a4186 | rgb(74, 65, 134) | hsl(248, 35%, 39%) | |
30% | #4e4681 | rgb(78, 70, 129) | hsl(248, 30%, 39%) | |
25% | #514b7c | rgb(81, 75, 124) | hsl(248, 25%, 39%) | |
20% | #555077 | rgb(85, 80, 119) | hsl(248, 20%, 39%) | |
15% | #595572 | rgb(89, 85, 114) | hsl(248, 15%, 39%) | |
10% | #5c5a6d | rgb(92, 90, 109) | hsl(248, 10%, 39%) | |
5% | #605e68 | rgb(96, 94, 104) | hsl(248, 5%, 39%) | |
0% | #636363 | rgb(99, 99, 99) | hsl(248, 0%, 39%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(248, 39%, 100%) | |
95% | #efedf7 | rgb(239, 237, 247) | hsl(248, 39%, 95%) | |
90% | #dedcef | rgb(222, 220, 239) | hsl(248, 39%, 90%) | |
85% | #cecae8 | rgb(206, 202, 232) | hsl(248, 39%, 85%) | |
80% | #bdb8e0 | rgb(189, 184, 224) | hsl(248, 39%, 80%) | |
75% | #ada6d8 | rgb(173, 166, 216) | hsl(248, 39%, 75%) | |
70% | #9d95d0 | rgb(157, 149, 208) | hsl(248, 39%, 70%) | |
65% | #8c83c9 | rgb(140, 131, 201) | hsl(248, 39%, 65%) | |
60% | #7c71c1 | rgb(124, 113, 193) | hsl(248, 39%, 60%) | |
55% | #6b5fb9 | rgb(107, 95, 185) | hsl(248, 39%, 55%) | |
50% | #5b4eb1 | rgb(91, 78, 177) | hsl(248, 39%, 50%) | |
45% | #5246a0 | rgb(82, 70, 160) | hsl(248, 39%, 45%) | |
40% | #493e8e | rgb(73, 62, 142) | hsl(248, 39%, 40%) | |
39% | #483d8b | rgb(72, 61, 139) | hsl(248, 39%, 39%) | |
35% | #40367c | rgb(64, 54, 124) | hsl(248, 39%, 35%) | |
30% | #372f6a | rgb(55, 47, 106) | hsl(248, 39%, 30%) | |
25% | #2e2759 | rgb(46, 39, 89) | hsl(248, 39%, 25%) | |
20% | #241f47 | rgb(36, 31, 71) | hsl(248, 39%, 20%) | |
15% | #1b1735 | rgb(27, 23, 53) | hsl(248, 39%, 15%) | |
10% | #121023 | rgb(18, 16, 35) | hsl(248, 39%, 10%) | |
5% | #090812 | rgb(9, 8, 18) | hsl(248, 39%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(248, 39%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
72 | 61 | 139 |
rgb(72, 61, 139)
#483d8b
#483d8b