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
DarkOrchid
#9932cc
rgb(153, 50, 204)
hsl(280, 61%, 50%)
Lighter / Darker:
100% | #ffffff | |
95% | #f5eafa | |
90% | #ebd6f5 | |
85% | #e1c1f0 | |
80% | #d6adeb | |
75% | #cc98e6 | |
70% | #c284e1 | |
65% | #b86fdc | |
60% | #ae5bd7 | |
55% | #a446d2 | |
50% | #9932cc | |
45% | #8a2db9 | |
40% | #7b28a4 | |
35% | #6b2390 | |
30% | #5c1e7b | |
25% | #4d1967 | |
20% | #3d1452 | |
15% | #2e0f3e | |
10% | #1f0a29 | |
5% | #0f0515 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #cd3232 | rgb(205, 50, 50) | hsl(0, 61%, 50%) | |
15 | #cd5932 | rgb(205, 89, 50) | hsl(15, 61%, 50%) | |
30 | #cd8032 | rgb(205, 128, 50) | hsl(30, 61%, 50%) | |
45 | #cda632 | rgb(205, 166, 50) | hsl(45, 61%, 50%) | |
60 | #cdcd32 | rgb(205, 205, 50) | hsl(60, 61%, 50%) | |
75 | #a6cd32 | rgb(166, 205, 50) | hsl(75, 61%, 50%) | |
90 | #80cd32 | rgb(128, 205, 50) | hsl(90, 61%, 50%) | |
105 | #59cd32 | rgb(89, 205, 50) | hsl(105, 61%, 50%) | |
120 | #32cd32 | rgb(50, 205, 50) | hsl(120, 61%, 50%) | |
135 | #32cd59 | rgb(50, 205, 89) | hsl(135, 61%, 50%) | |
150 | #32cd80 | rgb(50, 205, 128) | hsl(150, 61%, 50%) | |
165 | #32cda6 | rgb(50, 205, 166) | hsl(165, 61%, 50%) | |
180 | #32cdcd | rgb(50, 205, 205) | hsl(180, 61%, 50%) | |
195 | #32a6cd | rgb(50, 166, 205) | hsl(195, 61%, 50%) | |
210 | #3280cd | rgb(50, 128, 205) | hsl(210, 61%, 50%) | |
225 | #3259cd | rgb(50, 89, 205) | hsl(225, 61%, 50%) | |
240 | #3232cd | rgb(50, 50, 205) | hsl(240, 61%, 50%) | |
255 | #5932cd | rgb(89, 50, 205) | hsl(255, 61%, 50%) | |
270 | #8032cd | rgb(128, 50, 205) | hsl(270, 61%, 50%) | |
280 | #9932cc | rgb(153, 50, 204) | hsl(280, 61%, 50%) | |
285 | #a632cd | rgb(166, 50, 205) | hsl(285, 61%, 50%) | |
300 | #cd32cd | rgb(205, 50, 205) | hsl(300, 61%, 50%) | |
315 | #cd32a6 | rgb(205, 50, 166) | hsl(315, 61%, 50%) | |
330 | #cd3280 | rgb(205, 50, 128) | hsl(330, 61%, 50%) | |
345 | #cd3259 | rgb(205, 50, 89) | hsl(345, 61%, 50%) | |
360 | #cd3232 | rgb(205, 50, 50) | hsl(0, 61%, 50%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #aa00ff | rgb(170, 0, 255) | hsl(280, 100%, 50%) | |
95% | #a806f9 | rgb(168, 6, 249) | hsl(280, 95%, 50%) | |
90% | #a60df2 | rgb(166, 13, 242) | hsl(280, 90%, 50%) | |
85% | #a413ec | rgb(164, 19, 236) | hsl(280, 85%, 50%) | |
80% | #a219e6 | rgb(162, 25, 230) | hsl(280, 80%, 50%) | |
75% | #9f20df | rgb(159, 32, 223) | hsl(280, 75%, 50%) | |
70% | #9d26d9 | rgb(157, 38, 217) | hsl(280, 70%, 50%) | |
65% | #9b2dd2 | rgb(155, 45, 210) | hsl(280, 65%, 50%) | |
61% | #9932cc | rgb(153, 50, 204) | hsl(280, 61%, 50%) | |
60% | #9933cc | rgb(153, 51, 204) | hsl(280, 60%, 50%) | |
55% | #9739c6 | rgb(151, 57, 198) | hsl(280, 55%, 50%) | |
50% | #9540bf | rgb(149, 64, 191) | hsl(280, 50%, 50%) | |
45% | #9346b9 | rgb(147, 70, 185) | hsl(280, 45%, 50%) | |
40% | #914db3 | rgb(145, 77, 179) | hsl(280, 40%, 50%) | |
35% | #8e53ac | rgb(142, 83, 172) | hsl(280, 35%, 50%) | |
30% | #8c59a6 | rgb(140, 89, 166) | hsl(280, 30%, 50%) | |
25% | #8a609f | rgb(138, 96, 159) | hsl(280, 25%, 50%) | |
20% | #886699 | rgb(136, 102, 153) | hsl(280, 20%, 50%) | |
15% | #866c93 | rgb(134, 108, 147) | hsl(280, 15%, 50%) | |
10% | #84738c | rgb(132, 115, 140) | hsl(280, 10%, 50%) | |
5% | #827986 | rgb(130, 121, 134) | hsl(280, 5%, 50%) | |
0% | #808080 | rgb(128, 128, 128) | hsl(280, 0%, 50%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(280, 61%, 100%) | |
95% | #f5eafa | rgb(245, 234, 250) | hsl(280, 61%, 95%) | |
90% | #ebd6f5 | rgb(235, 214, 245) | hsl(280, 61%, 90%) | |
85% | #e1c1f0 | rgb(225, 193, 240) | hsl(280, 61%, 85%) | |
80% | #d6adeb | rgb(214, 173, 235) | hsl(280, 61%, 80%) | |
75% | #cc98e6 | rgb(204, 152, 230) | hsl(280, 61%, 75%) | |
70% | #c284e1 | rgb(194, 132, 225) | hsl(280, 61%, 70%) | |
65% | #b86fdc | rgb(184, 111, 220) | hsl(280, 61%, 65%) | |
60% | #ae5bd7 | rgb(174, 91, 215) | hsl(280, 61%, 60%) | |
55% | #a446d2 | rgb(164, 70, 210) | hsl(280, 61%, 55%) | |
50% | #9932cc | rgb(153, 50, 204) | hsl(280, 61%, 50%) | |
45% | #8a2db9 | rgb(138, 45, 185) | hsl(280, 61%, 45%) | |
40% | #7b28a4 | rgb(123, 40, 164) | hsl(280, 61%, 40%) | |
35% | #6b2390 | rgb(107, 35, 144) | hsl(280, 61%, 35%) | |
30% | #5c1e7b | rgb(92, 30, 123) | hsl(280, 61%, 30%) | |
25% | #4d1967 | rgb(77, 25, 103) | hsl(280, 61%, 25%) | |
20% | #3d1452 | rgb(61, 20, 82) | hsl(280, 61%, 20%) | |
15% | #2e0f3e | rgb(46, 15, 62) | hsl(280, 61%, 15%) | |
10% | #1f0a29 | rgb(31, 10, 41) | hsl(280, 61%, 10%) | |
5% | #0f0515 | rgb(15, 5, 21) | hsl(280, 61%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(280, 61%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
153 | 50 | 204 |
rgb(153, 50, 204)
#9932cc
#9932cc