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
MediumVioletRed
#c71585
rgb(199, 21, 133)
hsl(322, 81%, 43%)
Lighter / Darker:
100% | #ffffff | |
95% | #fde8f5 | |
90% | #fad1eb | |
85% | #f8bae1 | |
80% | #f5a3d7 | |
75% | #f38ccd | |
70% | #f075c3 | |
65% | #ee5db9 | |
60% | #ec46af | |
55% | #e92fa5 | |
50% | #e7189b | |
45% | #d0168c | |
43% | #c71585 | |
40% | #b9137c | |
35% | #a2116d | |
30% | #8a0f5d | |
25% | #730c4e | |
20% | #5c0a3e | |
15% | #45072f | |
10% | #2e051f | |
5% | #170210 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #c61515 | rgb(198, 21, 21) | hsl(0, 81%, 43%) | |
15 | #c64115 | rgb(198, 65, 21) | hsl(15, 81%, 43%) | |
30 | #c66e15 | rgb(198, 110, 21) | hsl(30, 81%, 43%) | |
45 | #c69a15 | rgb(198, 154, 21) | hsl(45, 81%, 43%) | |
60 | #c6c615 | rgb(198, 198, 21) | hsl(60, 81%, 43%) | |
75 | #9ac615 | rgb(154, 198, 21) | hsl(75, 81%, 43%) | |
90 | #6ec615 | rgb(110, 198, 21) | hsl(90, 81%, 43%) | |
105 | #41c615 | rgb(65, 198, 21) | hsl(105, 81%, 43%) | |
120 | #15c615 | rgb(21, 198, 21) | hsl(120, 81%, 43%) | |
135 | #15c641 | rgb(21, 198, 65) | hsl(135, 81%, 43%) | |
150 | #15c66e | rgb(21, 198, 110) | hsl(150, 81%, 43%) | |
165 | #15c69a | rgb(21, 198, 154) | hsl(165, 81%, 43%) | |
180 | #15c6c6 | rgb(21, 198, 198) | hsl(180, 81%, 43%) | |
195 | #159ac6 | rgb(21, 154, 198) | hsl(195, 81%, 43%) | |
210 | #156ec6 | rgb(21, 110, 198) | hsl(210, 81%, 43%) | |
225 | #1541c6 | rgb(21, 65, 198) | hsl(225, 81%, 43%) | |
240 | #1515c6 | rgb(21, 21, 198) | hsl(240, 81%, 43%) | |
255 | #4115c6 | rgb(65, 21, 198) | hsl(255, 81%, 43%) | |
270 | #6e15c6 | rgb(110, 21, 198) | hsl(270, 81%, 43%) | |
285 | #9a15c6 | rgb(154, 21, 198) | hsl(285, 81%, 43%) | |
300 | #c615c6 | rgb(198, 21, 198) | hsl(300, 81%, 43%) | |
315 | #c6159a | rgb(198, 21, 154) | hsl(315, 81%, 43%) | |
322 | #c71585 | rgb(199, 21, 133) | hsl(322, 81%, 43%) | |
330 | #c6156e | rgb(198, 21, 110) | hsl(330, 81%, 43%) | |
345 | #c61541 | rgb(198, 21, 65) | hsl(345, 81%, 43%) | |
360 | #c61515 | rgb(198, 21, 21) | hsl(0, 81%, 43%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #db008b | rgb(219, 0, 139) | hsl(322, 100%, 43%) | |
95% | #d60589 | rgb(214, 5, 137) | hsl(322, 95%, 43%) | |
90% | #d00b88 | rgb(208, 11, 136) | hsl(322, 90%, 43%) | |
85% | #cb1087 | rgb(203, 16, 135) | hsl(322, 85%, 43%) | |
81% | #c71585 | rgb(199, 21, 133) | hsl(322, 81%, 43%) | |
80% | #c51685 | rgb(197, 22, 133) | hsl(322, 80%, 43%) | |
75% | #c01b84 | rgb(192, 27, 132) | hsl(322, 75%, 43%) | |
70% | #ba2182 | rgb(186, 33, 130) | hsl(322, 70%, 43%) | |
65% | #b52681 | rgb(181, 38, 129) | hsl(322, 65%, 43%) | |
60% | #af2c7f | rgb(175, 44, 127) | hsl(322, 60%, 43%) | |
55% | #aa317e | rgb(170, 49, 126) | hsl(322, 55%, 43%) | |
50% | #a4377c | rgb(164, 55, 124) | hsl(322, 50%, 43%) | |
45% | #9f3c7b | rgb(159, 60, 123) | hsl(322, 45%, 43%) | |
40% | #9a4279 | rgb(154, 66, 121) | hsl(322, 40%, 43%) | |
35% | #944778 | rgb(148, 71, 120) | hsl(322, 35%, 43%) | |
30% | #8f4d76 | rgb(143, 77, 118) | hsl(322, 30%, 43%) | |
25% | #895275 | rgb(137, 82, 117) | hsl(322, 25%, 43%) | |
20% | #845873 | rgb(132, 88, 115) | hsl(322, 20%, 43%) | |
15% | #7e5d72 | rgb(126, 93, 114) | hsl(322, 15%, 43%) | |
10% | #796371 | rgb(121, 99, 113) | hsl(322, 10%, 43%) | |
5% | #73686f | rgb(115, 104, 111) | hsl(322, 5%, 43%) | |
0% | #6e6e6e | rgb(110, 110, 110) | hsl(322, 0%, 43%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(322, 81%, 100%) | |
95% | #fde8f5 | rgb(253, 232, 245) | hsl(322, 81%, 95%) | |
90% | #fad1eb | rgb(250, 209, 235) | hsl(322, 81%, 90%) | |
85% | #f8bae1 | rgb(248, 186, 225) | hsl(322, 81%, 85%) | |
80% | #f5a3d7 | rgb(245, 163, 215) | hsl(322, 81%, 80%) | |
75% | #f38ccd | rgb(243, 140, 205) | hsl(322, 81%, 75%) | |
70% | #f075c3 | rgb(240, 117, 195) | hsl(322, 81%, 70%) | |
65% | #ee5db9 | rgb(238, 93, 185) | hsl(322, 81%, 65%) | |
60% | #ec46af | rgb(236, 70, 175) | hsl(322, 81%, 60%) | |
55% | #e92fa5 | rgb(233, 47, 165) | hsl(322, 81%, 55%) | |
50% | #e7189b | rgb(231, 24, 155) | hsl(322, 81%, 50%) | |
45% | #d0168c | rgb(208, 22, 140) | hsl(322, 81%, 45%) | |
43% | #c71585 | rgb(199, 21, 133) | hsl(322, 81%, 43%) | |
40% | #b9137c | rgb(185, 19, 124) | hsl(322, 81%, 40%) | |
35% | #a2116d | rgb(162, 17, 109) | hsl(322, 81%, 35%) | |
30% | #8a0f5d | rgb(138, 15, 93) | hsl(322, 81%, 30%) | |
25% | #730c4e | rgb(115, 12, 78) | hsl(322, 81%, 25%) | |
20% | #5c0a3e | rgb(92, 10, 62) | hsl(322, 81%, 20%) | |
15% | #45072f | rgb(69, 7, 47) | hsl(322, 81%, 15%) | |
10% | #2e051f | rgb(46, 5, 31) | hsl(322, 81%, 10%) | |
5% | #170210 | rgb(23, 2, 16) | hsl(322, 81%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(322, 81%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
199 | 21 | 133 |
rgb(199, 21, 133)
#c71585
#c71585