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
Plum
#dda0dd
rgb(221, 160, 221)
hsl(300, 47%, 75%)
Lighter / Darker:
100% | #ffffff | |
95% | #f8ecf8 | |
90% | #f1daf1 | |
85% | #ebc7eb | |
80% | #e4b4e4 | |
75% | #dda0dd | |
70% | #d68fd6 | |
65% | #d07cd0 | |
60% | #c969c9 | |
55% | #c256c2 | |
50% | #bb44bb | |
45% | #a93da9 | |
40% | #963696 | |
35% | #832f83 | |
30% | #702970 | |
25% | #5e225e | |
20% | #4b1b4b | |
15% | #381438 | |
10% | #250e25 | |
5% | #130713 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #dda1a1 | rgb(221, 161, 161) | hsl(0, 47%, 75%) | |
15 | #ddb0a1 | rgb(221, 176, 161) | hsl(15, 47%, 75%) | |
30 | #ddbfa1 | rgb(221, 191, 161) | hsl(30, 47%, 75%) | |
45 | #ddcea1 | rgb(221, 206, 161) | hsl(45, 47%, 75%) | |
60 | #dddda1 | rgb(221, 221, 161) | hsl(60, 47%, 75%) | |
75 | #cedda1 | rgb(206, 221, 161) | hsl(75, 47%, 75%) | |
90 | #bfdda1 | rgb(191, 221, 161) | hsl(90, 47%, 75%) | |
105 | #b0dda1 | rgb(176, 221, 161) | hsl(105, 47%, 75%) | |
120 | #a1dda1 | rgb(161, 221, 161) | hsl(120, 47%, 75%) | |
135 | #a1ddb0 | rgb(161, 221, 176) | hsl(135, 47%, 75%) | |
150 | #a1ddbf | rgb(161, 221, 191) | hsl(150, 47%, 75%) | |
165 | #a1ddce | rgb(161, 221, 206) | hsl(165, 47%, 75%) | |
180 | #a1dddd | rgb(161, 221, 221) | hsl(180, 47%, 75%) | |
195 | #a1cedd | rgb(161, 206, 221) | hsl(195, 47%, 75%) | |
210 | #a1bfdd | rgb(161, 191, 221) | hsl(210, 47%, 75%) | |
225 | #a1b0dd | rgb(161, 176, 221) | hsl(225, 47%, 75%) | |
240 | #a1a1dd | rgb(161, 161, 221) | hsl(240, 47%, 75%) | |
255 | #b0a1dd | rgb(176, 161, 221) | hsl(255, 47%, 75%) | |
270 | #bfa1dd | rgb(191, 161, 221) | hsl(270, 47%, 75%) | |
285 | #cea1dd | rgb(206, 161, 221) | hsl(285, 47%, 75%) | |
300 | #dda0dd | rgb(221, 160, 221) | hsl(300, 47%, 75%) | |
315 | #dda1ce | rgb(221, 161, 206) | hsl(315, 47%, 75%) | |
330 | #dda1bf | rgb(221, 161, 191) | hsl(330, 47%, 75%) | |
345 | #dda1b0 | rgb(221, 161, 176) | hsl(345, 47%, 75%) | |
360 | #dda1a1 | rgb(221, 161, 161) | hsl(0, 47%, 75%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ff80ff | rgb(255, 128, 255) | hsl(300, 100%, 75%) | |
95% | #fc83fc | rgb(252, 131, 252) | hsl(300, 95%, 75%) | |
90% | #f986f9 | rgb(249, 134, 249) | hsl(300, 90%, 75%) | |
85% | #f589f5 | rgb(245, 137, 245) | hsl(300, 85%, 75%) | |
80% | #f28cf2 | rgb(242, 140, 242) | hsl(300, 80%, 75%) | |
75% | #ef8fef | rgb(239, 143, 239) | hsl(300, 75%, 75%) | |
70% | #ec93ec | rgb(236, 147, 236) | hsl(300, 70%, 75%) | |
65% | #e996e9 | rgb(233, 150, 233) | hsl(300, 65%, 75%) | |
60% | #e699e6 | rgb(230, 153, 230) | hsl(300, 60%, 75%) | |
55% | #e29ce2 | rgb(226, 156, 226) | hsl(300, 55%, 75%) | |
50% | #df9fdf | rgb(223, 159, 223) | hsl(300, 50%, 75%) | |
47% | #dda0dd | rgb(221, 160, 221) | hsl(300, 47%, 75%) | |
45% | #dca3dc | rgb(220, 163, 220) | hsl(300, 45%, 75%) | |
40% | #d9a6d9 | rgb(217, 166, 217) | hsl(300, 40%, 75%) | |
35% | #d6a9d6 | rgb(214, 169, 214) | hsl(300, 35%, 75%) | |
30% | #d2acd2 | rgb(210, 172, 210) | hsl(300, 30%, 75%) | |
25% | #cfafcf | rgb(207, 175, 207) | hsl(300, 25%, 75%) | |
20% | #ccb3cc | rgb(204, 179, 204) | hsl(300, 20%, 75%) | |
15% | #c9b6c9 | rgb(201, 182, 201) | hsl(300, 15%, 75%) | |
10% | #c6b9c6 | rgb(198, 185, 198) | hsl(300, 10%, 75%) | |
5% | #c2bcc2 | rgb(194, 188, 194) | hsl(300, 5%, 75%) | |
0% | #bfbfbf | rgb(191, 191, 191) | hsl(300, 0%, 75%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(300, 47%, 100%) | |
95% | #f8ecf8 | rgb(248, 236, 248) | hsl(300, 47%, 95%) | |
90% | #f1daf1 | rgb(241, 218, 241) | hsl(300, 47%, 90%) | |
85% | #ebc7eb | rgb(235, 199, 235) | hsl(300, 47%, 85%) | |
80% | #e4b4e4 | rgb(228, 180, 228) | hsl(300, 47%, 80%) | |
75% | #dda0dd | rgb(221, 160, 221) | hsl(300, 47%, 75%) | |
70% | #d68fd6 | rgb(214, 143, 214) | hsl(300, 47%, 70%) | |
65% | #d07cd0 | rgb(208, 124, 208) | hsl(300, 47%, 65%) | |
60% | #c969c9 | rgb(201, 105, 201) | hsl(300, 47%, 60%) | |
55% | #c256c2 | rgb(194, 86, 194) | hsl(300, 47%, 55%) | |
50% | #bb44bb | rgb(187, 68, 187) | hsl(300, 47%, 50%) | |
45% | #a93da9 | rgb(169, 61, 169) | hsl(300, 47%, 45%) | |
40% | #963696 | rgb(150, 54, 150) | hsl(300, 47%, 40%) | |
35% | #832f83 | rgb(131, 47, 131) | hsl(300, 47%, 35%) | |
30% | #702970 | rgb(112, 41, 112) | hsl(300, 47%, 30%) | |
25% | #5e225e | rgb(94, 34, 94) | hsl(300, 47%, 25%) | |
20% | #4b1b4b | rgb(75, 27, 75) | hsl(300, 47%, 20%) | |
15% | #381438 | rgb(56, 20, 56) | hsl(300, 47%, 15%) | |
10% | #250e25 | rgb(37, 14, 37) | hsl(300, 47%, 10%) | |
5% | #130713 | rgb(19, 7, 19) | hsl(300, 47%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(300, 47%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
221 | 160 | 221 |
rgb(221, 160, 221)
#dda0dd
#dda0dd