HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#bc70a4
rgb(188, 112, 164)
hsl(319, 36%, 59%)
Lighter / Darker:
100% | #ffffff | |
95% | #f7eef4 | |
90% | #efdce9 | |
85% | #e7cbde | |
80% | #debad3 | |
75% | #d6a8c8 | |
70% | #ce97bd | |
65% | #c686b2 | |
60% | #be74a6 | |
59% | #bc70a4 | |
55% | #b6639b | |
50% | #ad5290 | |
45% | #9c4982 | |
40% | #8b4173 | |
35% | #793965 | |
30% | #683157 | |
25% | #572948 | |
20% | #45213a | |
15% | #34182b | |
10% | #23101d | |
5% | #11080e | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #bc7171 | rgb(188, 113, 113) | hsl(0, 36%, 59%) | |
15 | #bc8471 | rgb(188, 132, 113) | hsl(15, 36%, 59%) | |
30 | #bc9671 | rgb(188, 150, 113) | hsl(30, 36%, 59%) | |
45 | #bca971 | rgb(188, 169, 113) | hsl(45, 36%, 59%) | |
60 | #bcbc71 | rgb(188, 188, 113) | hsl(60, 36%, 59%) | |
75 | #a9bc71 | rgb(169, 188, 113) | hsl(75, 36%, 59%) | |
90 | #96bc71 | rgb(150, 188, 113) | hsl(90, 36%, 59%) | |
105 | #84bc71 | rgb(132, 188, 113) | hsl(105, 36%, 59%) | |
120 | #71bc71 | rgb(113, 188, 113) | hsl(120, 36%, 59%) | |
135 | #71bc84 | rgb(113, 188, 132) | hsl(135, 36%, 59%) | |
150 | #71bc96 | rgb(113, 188, 150) | hsl(150, 36%, 59%) | |
165 | #71bca9 | rgb(113, 188, 169) | hsl(165, 36%, 59%) | |
180 | #71bcbc | rgb(113, 188, 188) | hsl(180, 36%, 59%) | |
195 | #71a9bc | rgb(113, 169, 188) | hsl(195, 36%, 59%) | |
210 | #7196bc | rgb(113, 150, 188) | hsl(210, 36%, 59%) | |
225 | #7184bc | rgb(113, 132, 188) | hsl(225, 36%, 59%) | |
240 | #7171bc | rgb(113, 113, 188) | hsl(240, 36%, 59%) | |
255 | #8471bc | rgb(132, 113, 188) | hsl(255, 36%, 59%) | |
270 | #9671bc | rgb(150, 113, 188) | hsl(270, 36%, 59%) | |
285 | #a971bc | rgb(169, 113, 188) | hsl(285, 36%, 59%) | |
300 | #bc71bc | rgb(188, 113, 188) | hsl(300, 36%, 59%) | |
315 | #bc71a9 | rgb(188, 113, 169) | hsl(315, 36%, 59%) | |
319 | #bc70a4 | rgb(188, 112, 164) | hsl(319, 36%, 59%) | |
330 | #bc7196 | rgb(188, 113, 150) | hsl(330, 36%, 59%) | |
345 | #bc7184 | rgb(188, 113, 132) | hsl(345, 36%, 59%) | |
360 | #bc7171 | rgb(188, 113, 113) | hsl(0, 36%, 59%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ff2ebd | rgb(255, 46, 189) | hsl(319, 100%, 59%) | |
95% | #fa33bb | rgb(250, 51, 187) | hsl(319, 95%, 59%) | |
90% | #f538b9 | rgb(245, 56, 185) | hsl(319, 90%, 59%) | |
85% | #ef3eb7 | rgb(239, 62, 183) | hsl(319, 85%, 59%) | |
80% | #ea43b5 | rgb(234, 67, 181) | hsl(319, 80%, 59%) | |
75% | #e548b3 | rgb(229, 72, 179) | hsl(319, 75%, 59%) | |
70% | #e04db1 | rgb(224, 77, 177) | hsl(319, 70%, 59%) | |
65% | #da52af | rgb(218, 82, 175) | hsl(319, 65%, 59%) | |
60% | #d558ad | rgb(213, 88, 173) | hsl(319, 60%, 59%) | |
55% | #d05dac | rgb(208, 93, 172) | hsl(319, 55%, 59%) | |
50% | #cb62aa | rgb(203, 98, 170) | hsl(319, 50%, 59%) | |
45% | #c567a8 | rgb(197, 103, 168) | hsl(319, 45%, 59%) | |
40% | #c06da6 | rgb(192, 109, 166) | hsl(319, 40%, 59%) | |
36% | #bc70a4 | rgb(188, 112, 164) | hsl(319, 36%, 59%) | |
35% | #bb72a4 | rgb(187, 114, 164) | hsl(319, 35%, 59%) | |
30% | #b677a2 | rgb(182, 119, 162) | hsl(319, 30%, 59%) | |
25% | #b17ca0 | rgb(177, 124, 160) | hsl(319, 25%, 59%) | |
20% | #ab829e | rgb(171, 130, 158) | hsl(319, 20%, 59%) | |
15% | #a6879c | rgb(166, 135, 156) | hsl(319, 15%, 59%) | |
10% | #a18c9a | rgb(161, 140, 154) | hsl(319, 10%, 59%) | |
5% | #9c9198 | rgb(156, 145, 152) | hsl(319, 5%, 59%) | |
0% | #969696 | rgb(150, 150, 150) | hsl(319, 0%, 59%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(319, 36%, 100%) | |
95% | #f7eef4 | rgb(247, 238, 244) | hsl(319, 36%, 95%) | |
90% | #efdce9 | rgb(239, 220, 233) | hsl(319, 36%, 90%) | |
85% | #e7cbde | rgb(231, 203, 222) | hsl(319, 36%, 85%) | |
80% | #debad3 | rgb(222, 186, 211) | hsl(319, 36%, 80%) | |
75% | #d6a8c8 | rgb(214, 168, 200) | hsl(319, 36%, 75%) | |
70% | #ce97bd | rgb(206, 151, 189) | hsl(319, 36%, 70%) | |
65% | #c686b2 | rgb(198, 134, 178) | hsl(319, 36%, 65%) | |
60% | #be74a6 | rgb(190, 116, 166) | hsl(319, 36%, 60%) | |
59% | #bc70a4 | rgb(188, 112, 164) | hsl(319, 36%, 59%) | |
55% | #b6639b | rgb(182, 99, 155) | hsl(319, 36%, 55%) | |
50% | #ad5290 | rgb(173, 82, 144) | hsl(319, 36%, 50%) | |
45% | #9c4982 | rgb(156, 73, 130) | hsl(319, 36%, 45%) | |
40% | #8b4173 | rgb(139, 65, 115) | hsl(319, 36%, 40%) | |
35% | #793965 | rgb(121, 57, 101) | hsl(319, 36%, 35%) | |
30% | #683157 | rgb(104, 49, 87) | hsl(319, 36%, 30%) | |
25% | #572948 | rgb(87, 41, 72) | hsl(319, 36%, 25%) | |
20% | #45213a | rgb(69, 33, 58) | hsl(319, 36%, 20%) | |
15% | #34182b | rgb(52, 24, 43) | hsl(319, 36%, 15%) | |
10% | #23101d | rgb(35, 16, 29) | hsl(319, 36%, 10%) | |
5% | #11080e | rgb(17, 8, 14) | hsl(319, 36%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(319, 36%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
188 | 112 | 164 |
rgb(188, 112, 164)
#bc70a4
#bc70a4