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
MediumPurple
#9370db
rgb(147, 112, 219)
hsl(260, 60%, 65%)
Lighter / Darker:
100% | #ffffff | |
95% | #f0ebfa | |
90% | #e0d6f5 | |
85% | #d1c2f0 | |
80% | #c2adeb | |
75% | #b299e6 | |
70% | #a385e0 | |
65% | #9370db | |
60% | #855cd6 | |
55% | #7547d1 | |
50% | #6633cc | |
45% | #5c2eb8 | |
40% | #5229a3 | |
35% | #47248f | |
30% | #3d1f7a | |
25% | #331966 | |
20% | #291452 | |
15% | #1f0f3d | |
10% | #140a29 | |
5% | #0a0514 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #db7070 | rgb(219, 112, 112) | hsl(0, 60%, 65%) | |
15 | #db8b70 | rgb(219, 139, 112) | hsl(15, 60%, 65%) | |
30 | #dba670 | rgb(219, 166, 112) | hsl(30, 60%, 65%) | |
45 | #dbc170 | rgb(219, 193, 112) | hsl(45, 60%, 65%) | |
60 | #dbdb70 | rgb(219, 219, 112) | hsl(60, 60%, 65%) | |
75 | #c1db70 | rgb(193, 219, 112) | hsl(75, 60%, 65%) | |
90 | #a6db70 | rgb(166, 219, 112) | hsl(90, 60%, 65%) | |
105 | #8bdb70 | rgb(139, 219, 112) | hsl(105, 60%, 65%) | |
120 | #70db70 | rgb(112, 219, 112) | hsl(120, 60%, 65%) | |
135 | #70db8b | rgb(112, 219, 139) | hsl(135, 60%, 65%) | |
150 | #70dba6 | rgb(112, 219, 166) | hsl(150, 60%, 65%) | |
165 | #70dbc1 | rgb(112, 219, 193) | hsl(165, 60%, 65%) | |
180 | #70dbdb | rgb(112, 219, 219) | hsl(180, 60%, 65%) | |
195 | #70c1db | rgb(112, 193, 219) | hsl(195, 60%, 65%) | |
210 | #70a6db | rgb(112, 166, 219) | hsl(210, 60%, 65%) | |
225 | #708bdb | rgb(112, 139, 219) | hsl(225, 60%, 65%) | |
240 | #7070db | rgb(112, 112, 219) | hsl(240, 60%, 65%) | |
255 | #8b70db | rgb(139, 112, 219) | hsl(255, 60%, 65%) | |
260 | #9370db | rgb(147, 112, 219) | hsl(260, 60%, 65%) | |
270 | #a670db | rgb(166, 112, 219) | hsl(270, 60%, 65%) | |
285 | #c170db | rgb(193, 112, 219) | hsl(285, 60%, 65%) | |
300 | #db70db | rgb(219, 112, 219) | hsl(300, 60%, 65%) | |
315 | #db70c1 | rgb(219, 112, 193) | hsl(315, 60%, 65%) | |
330 | #db70a6 | rgb(219, 112, 166) | hsl(330, 60%, 65%) | |
345 | #db708b | rgb(219, 112, 139) | hsl(345, 60%, 65%) | |
360 | #db7070 | rgb(219, 112, 112) | hsl(0, 60%, 65%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #884dff | rgb(136, 77, 255) | hsl(260, 100%, 65%) | |
95% | #8951fb | rgb(137, 81, 251) | hsl(260, 95%, 65%) | |
90% | #8b55f6 | rgb(139, 85, 246) | hsl(260, 90%, 65%) | |
85% | #8c5af2 | rgb(140, 90, 242) | hsl(260, 85%, 65%) | |
80% | #8e5eed | rgb(142, 94, 237) | hsl(260, 80%, 65%) | |
75% | #8f63e9 | rgb(143, 99, 233) | hsl(260, 75%, 65%) | |
70% | #9167e4 | rgb(145, 103, 228) | hsl(260, 70%, 65%) | |
65% | #926ce0 | rgb(146, 108, 224) | hsl(260, 65%, 65%) | |
60% | #9370db | rgb(147, 112, 219) | hsl(260, 60%, 65%) | |
55% | #9575d7 | rgb(149, 117, 215) | hsl(260, 55%, 65%) | |
50% | #9779d2 | rgb(151, 121, 210) | hsl(260, 50%, 65%) | |
45% | #987ece | rgb(152, 126, 206) | hsl(260, 45%, 65%) | |
40% | #9a82c9 | rgb(154, 130, 201) | hsl(260, 40%, 65%) | |
35% | #9b87c5 | rgb(155, 135, 197) | hsl(260, 35%, 65%) | |
30% | #9d8bc1 | rgb(157, 139, 193) | hsl(260, 30%, 65%) | |
25% | #9e8fbc | rgb(158, 143, 188) | hsl(260, 25%, 65%) | |
20% | #a094b8 | rgb(160, 148, 184) | hsl(260, 20%, 65%) | |
15% | #a198b3 | rgb(161, 152, 179) | hsl(260, 15%, 65%) | |
10% | #a39daf | rgb(163, 157, 175) | hsl(260, 10%, 65%) | |
5% | #a4a1aa | rgb(164, 161, 170) | hsl(260, 5%, 65%) | |
0% | #a6a6a6 | rgb(166, 166, 166) | hsl(260, 0%, 65%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(260, 60%, 100%) | |
95% | #f0ebfa | rgb(240, 235, 250) | hsl(260, 60%, 95%) | |
90% | #e0d6f5 | rgb(224, 214, 245) | hsl(260, 60%, 90%) | |
85% | #d1c2f0 | rgb(209, 194, 240) | hsl(260, 60%, 85%) | |
80% | #c2adeb | rgb(194, 173, 235) | hsl(260, 60%, 80%) | |
75% | #b299e6 | rgb(178, 153, 230) | hsl(260, 60%, 75%) | |
70% | #a385e0 | rgb(163, 133, 224) | hsl(260, 60%, 70%) | |
65% | #9370db | rgb(147, 112, 219) | hsl(260, 60%, 65%) | |
60% | #855cd6 | rgb(133, 92, 214) | hsl(260, 60%, 60%) | |
55% | #7547d1 | rgb(117, 71, 209) | hsl(260, 60%, 55%) | |
50% | #6633cc | rgb(102, 51, 204) | hsl(260, 60%, 50%) | |
45% | #5c2eb8 | rgb(92, 46, 184) | hsl(260, 60%, 45%) | |
40% | #5229a3 | rgb(82, 41, 163) | hsl(260, 60%, 40%) | |
35% | #47248f | rgb(71, 36, 143) | hsl(260, 60%, 35%) | |
30% | #3d1f7a | rgb(61, 31, 122) | hsl(260, 60%, 30%) | |
25% | #331966 | rgb(51, 25, 102) | hsl(260, 60%, 25%) | |
20% | #291452 | rgb(41, 20, 82) | hsl(260, 60%, 20%) | |
15% | #1f0f3d | rgb(31, 15, 61) | hsl(260, 60%, 15%) | |
10% | #140a29 | rgb(20, 10, 41) | hsl(260, 60%, 10%) | |
5% | #0a0514 | rgb(10, 5, 20) | hsl(260, 60%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(260, 60%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
147 | 112 | 219 |
rgb(147, 112, 219)
#9370db
#9370db