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
MediumOrchid
#ba55d3
rgb(186, 85, 211)
hsl(288, 59%, 58%)
Lighter / Darker:
100% | #ffffff | |
95% | #f7ebfa | |
90% | #efd6f5 | |
85% | #e6c2ef | |
80% | #deaeea | |
75% | #d69ae5 | |
70% | #ce85e0 | |
65% | #c571da | |
60% | #bd5dd5 | |
58% | #ba55d3 | |
55% | #b549d0 | |
50% | #ad34cb | |
45% | #9b2fb6 | |
40% | #8a2aa2 | |
35% | #79258e | |
30% | #681f7a | |
25% | #561a65 | |
20% | #451551 | |
15% | #34103d | |
10% | #230a29 | |
5% | #110514 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #d35555 | rgb(211, 85, 85) | hsl(0, 59%, 58%) | |
15 | #d37455 | rgb(211, 116, 85) | hsl(15, 59%, 58%) | |
30 | #d39455 | rgb(211, 148, 85) | hsl(30, 59%, 58%) | |
45 | #d3b355 | rgb(211, 179, 85) | hsl(45, 59%, 58%) | |
60 | #d3d355 | rgb(211, 211, 85) | hsl(60, 59%, 58%) | |
75 | #b3d355 | rgb(179, 211, 85) | hsl(75, 59%, 58%) | |
90 | #94d355 | rgb(148, 211, 85) | hsl(90, 59%, 58%) | |
105 | #74d355 | rgb(116, 211, 85) | hsl(105, 59%, 58%) | |
120 | #55d355 | rgb(85, 211, 85) | hsl(120, 59%, 58%) | |
135 | #55d374 | rgb(85, 211, 116) | hsl(135, 59%, 58%) | |
150 | #55d394 | rgb(85, 211, 148) | hsl(150, 59%, 58%) | |
165 | #55d3b3 | rgb(85, 211, 179) | hsl(165, 59%, 58%) | |
180 | #55d3d3 | rgb(85, 211, 211) | hsl(180, 59%, 58%) | |
195 | #55b3d3 | rgb(85, 179, 211) | hsl(195, 59%, 58%) | |
210 | #5594d3 | rgb(85, 148, 211) | hsl(210, 59%, 58%) | |
225 | #5574d3 | rgb(85, 116, 211) | hsl(225, 59%, 58%) | |
240 | #5555d3 | rgb(85, 85, 211) | hsl(240, 59%, 58%) | |
255 | #7455d3 | rgb(116, 85, 211) | hsl(255, 59%, 58%) | |
270 | #9455d3 | rgb(148, 85, 211) | hsl(270, 59%, 58%) | |
285 | #b355d3 | rgb(179, 85, 211) | hsl(285, 59%, 58%) | |
288 | #ba55d3 | rgb(186, 85, 211) | hsl(288, 59%, 58%) | |
300 | #d355d3 | rgb(211, 85, 211) | hsl(300, 59%, 58%) | |
315 | #d355b3 | rgb(211, 85, 179) | hsl(315, 59%, 58%) | |
330 | #d35594 | rgb(211, 85, 148) | hsl(330, 59%, 58%) | |
345 | #d35574 | rgb(211, 85, 116) | hsl(345, 59%, 58%) | |
360 | #d35555 | rgb(211, 85, 85) | hsl(0, 59%, 58%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #d429ff | rgb(212, 41, 255) | hsl(288, 100%, 58%) | |
95% | #d12efa | rgb(209, 46, 250) | hsl(288, 95%, 58%) | |
90% | #ce34f4 | rgb(206, 52, 244) | hsl(288, 90%, 58%) | |
85% | #cb39ef | rgb(203, 57, 239) | hsl(288, 85%, 58%) | |
80% | #c73eea | rgb(199, 62, 234) | hsl(288, 80%, 58%) | |
75% | #c444e4 | rgb(196, 68, 228) | hsl(288, 75%, 58%) | |
70% | #c149df | rgb(193, 73, 223) | hsl(288, 70%, 58%) | |
65% | #be4eda | rgb(190, 78, 218) | hsl(288, 65%, 58%) | |
60% | #ba54d4 | rgb(186, 84, 212) | hsl(288, 60%, 58%) | |
59% | #ba55d3 | rgb(186, 85, 211) | hsl(288, 59%, 58%) | |
55% | #b759cf | rgb(183, 89, 207) | hsl(288, 55%, 58%) | |
50% | #b45ec9 | rgb(180, 94, 201) | hsl(288, 50%, 58%) | |
45% | #b164c4 | rgb(177, 100, 196) | hsl(288, 45%, 58%) | |
40% | #ae69bf | rgb(174, 105, 191) | hsl(288, 40%, 58%) | |
35% | #aa6eb9 | rgb(170, 110, 185) | hsl(288, 35%, 58%) | |
30% | #a774b4 | rgb(167, 116, 180) | hsl(288, 30%, 58%) | |
25% | #a479af | rgb(164, 121, 175) | hsl(288, 25%, 58%) | |
20% | #a17ea9 | rgb(161, 126, 169) | hsl(288, 20%, 58%) | |
15% | #9e84a4 | rgb(158, 132, 164) | hsl(288, 15%, 58%) | |
10% | #9a899f | rgb(154, 137, 159) | hsl(288, 10%, 58%) | |
5% | #978f99 | rgb(151, 143, 153) | hsl(288, 5%, 58%) | |
0% | #949494 | rgb(148, 148, 148) | hsl(288, 0%, 58%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(288, 59%, 100%) | |
95% | #f7ebfa | rgb(247, 235, 250) | hsl(288, 59%, 95%) | |
90% | #efd6f5 | rgb(239, 214, 245) | hsl(288, 59%, 90%) | |
85% | #e6c2ef | rgb(230, 194, 239) | hsl(288, 59%, 85%) | |
80% | #deaeea | rgb(222, 174, 234) | hsl(288, 59%, 80%) | |
75% | #d69ae5 | rgb(214, 154, 229) | hsl(288, 59%, 75%) | |
70% | #ce85e0 | rgb(206, 133, 224) | hsl(288, 59%, 70%) | |
65% | #c571da | rgb(197, 113, 218) | hsl(288, 59%, 65%) | |
60% | #bd5dd5 | rgb(189, 93, 213) | hsl(288, 59%, 60%) | |
58% | #ba55d3 | rgb(186, 85, 211) | hsl(288, 59%, 58%) | |
55% | #b549d0 | rgb(181, 73, 208) | hsl(288, 59%, 55%) | |
50% | #ad34cb | rgb(173, 52, 203) | hsl(288, 59%, 50%) | |
45% | #9b2fb6 | rgb(155, 47, 182) | hsl(288, 59%, 45%) | |
40% | #8a2aa2 | rgb(138, 42, 162) | hsl(288, 59%, 40%) | |
35% | #79258e | rgb(121, 37, 142) | hsl(288, 59%, 35%) | |
30% | #681f7a | rgb(104, 31, 122) | hsl(288, 59%, 30%) | |
25% | #561a65 | rgb(86, 26, 101) | hsl(288, 59%, 25%) | |
20% | #451551 | rgb(69, 21, 81) | hsl(288, 59%, 20%) | |
15% | #34103d | rgb(52, 16, 61) | hsl(288, 59%, 15%) | |
10% | #230a29 | rgb(35, 10, 41) | hsl(288, 59%, 10%) | |
5% | #110514 | rgb(17, 5, 20) | hsl(288, 59%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(288, 59%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
186 | 85 | 211 |
rgb(186, 85, 211)
#ba55d3
#ba55d3