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
PaleVioletRed
#db7093
rgb(219, 112, 147)
hsl(340, 60%, 65%)
Lighter / Darker:
100% | #ffffff | |
95% | #faebf0 | |
90% | #f5d6e0 | |
85% | #f0c2d1 | |
80% | #ebadc2 | |
75% | #e699b2 | |
70% | #e085a3 | |
65% | #db7093 | |
60% | #d65c85 | |
55% | #d14775 | |
50% | #cc3366 | |
45% | #b82e5c | |
40% | #a32952 | |
35% | #8f2447 | |
30% | #7a1f3d | |
25% | #661933 | |
20% | #521429 | |
15% | #3d0f1f | |
10% | #290a14 | |
5% | #14050a | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #db7070 | rgb(219, 112, 112) | hsl(0, 60%, 65%) | |
15 | #db8b70 | rgb(219, 139, 112) | hsl(15, 60%, 65%) | |
30 | #dba670 | rgb(219, 166, 112) | hsl(30, 60%, 65%) | |
45 | #dbc170 | rgb(219, 193, 112) | hsl(45, 60%, 65%) | |
60 | #dbdb70 | rgb(219, 219, 112) | hsl(60, 60%, 65%) | |
75 | #c1db70 | rgb(193, 219, 112) | hsl(75, 60%, 65%) | |
90 | #a6db70 | rgb(166, 219, 112) | hsl(90, 60%, 65%) | |
105 | #8bdb70 | rgb(139, 219, 112) | hsl(105, 60%, 65%) | |
120 | #70db70 | rgb(112, 219, 112) | hsl(120, 60%, 65%) | |
135 | #70db8b | rgb(112, 219, 139) | hsl(135, 60%, 65%) | |
150 | #70dba6 | rgb(112, 219, 166) | hsl(150, 60%, 65%) | |
165 | #70dbc1 | rgb(112, 219, 193) | hsl(165, 60%, 65%) | |
180 | #70dbdb | rgb(112, 219, 219) | hsl(180, 60%, 65%) | |
195 | #70c1db | rgb(112, 193, 219) | hsl(195, 60%, 65%) | |
210 | #70a6db | rgb(112, 166, 219) | hsl(210, 60%, 65%) | |
225 | #708bdb | rgb(112, 139, 219) | hsl(225, 60%, 65%) | |
240 | #7070db | rgb(112, 112, 219) | hsl(240, 60%, 65%) | |
255 | #8b70db | rgb(139, 112, 219) | hsl(255, 60%, 65%) | |
270 | #a670db | rgb(166, 112, 219) | hsl(270, 60%, 65%) | |
285 | #c170db | rgb(193, 112, 219) | hsl(285, 60%, 65%) | |
300 | #db70db | rgb(219, 112, 219) | hsl(300, 60%, 65%) | |
315 | #db70c1 | rgb(219, 112, 193) | hsl(315, 60%, 65%) | |
330 | #db70a6 | rgb(219, 112, 166) | hsl(330, 60%, 65%) | |
340 | #db7093 | rgb(219, 112, 147) | hsl(340, 60%, 65%) | |
345 | #db708b | rgb(219, 112, 139) | hsl(345, 60%, 65%) | |
360 | #db7070 | rgb(219, 112, 112) | hsl(0, 60%, 65%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ff4d88 | rgb(255, 77, 136) | hsl(340, 100%, 65%) | |
95% | #fb5189 | rgb(251, 81, 137) | hsl(340, 95%, 65%) | |
90% | #f6558b | rgb(246, 85, 139) | hsl(340, 90%, 65%) | |
85% | #f25a8c | rgb(242, 90, 140) | hsl(340, 85%, 65%) | |
80% | #ed5e8e | rgb(237, 94, 142) | hsl(340, 80%, 65%) | |
75% | #e9638f | rgb(233, 99, 143) | hsl(340, 75%, 65%) | |
70% | #e46791 | rgb(228, 103, 145) | hsl(340, 70%, 65%) | |
65% | #e06c92 | rgb(224, 108, 146) | hsl(340, 65%, 65%) | |
60% | #db7093 | rgb(219, 112, 147) | hsl(340, 60%, 65%) | |
55% | #d77595 | rgb(215, 117, 149) | hsl(340, 55%, 65%) | |
50% | #d27997 | rgb(210, 121, 151) | hsl(340, 50%, 65%) | |
45% | #ce7e98 | rgb(206, 126, 152) | hsl(340, 45%, 65%) | |
40% | #c9829a | rgb(201, 130, 154) | hsl(340, 40%, 65%) | |
35% | #c5879b | rgb(197, 135, 155) | hsl(340, 35%, 65%) | |
30% | #c18b9d | rgb(193, 139, 157) | hsl(340, 30%, 65%) | |
25% | #bc8f9e | rgb(188, 143, 158) | hsl(340, 25%, 65%) | |
20% | #b894a0 | rgb(184, 148, 160) | hsl(340, 20%, 65%) | |
15% | #b398a1 | rgb(179, 152, 161) | hsl(340, 15%, 65%) | |
10% | #af9da3 | rgb(175, 157, 163) | hsl(340, 10%, 65%) | |
5% | #aaa1a4 | rgb(170, 161, 164) | hsl(340, 5%, 65%) | |
0% | #a6a6a6 | rgb(166, 166, 166) | hsl(340, 0%, 65%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(340, 60%, 100%) | |
95% | #faebf0 | rgb(250, 235, 240) | hsl(340, 60%, 95%) | |
90% | #f5d6e0 | rgb(245, 214, 224) | hsl(340, 60%, 90%) | |
85% | #f0c2d1 | rgb(240, 194, 209) | hsl(340, 60%, 85%) | |
80% | #ebadc2 | rgb(235, 173, 194) | hsl(340, 60%, 80%) | |
75% | #e699b2 | rgb(230, 153, 178) | hsl(340, 60%, 75%) | |
70% | #e085a3 | rgb(224, 133, 163) | hsl(340, 60%, 70%) | |
65% | #db7093 | rgb(219, 112, 147) | hsl(340, 60%, 65%) | |
60% | #d65c85 | rgb(214, 92, 133) | hsl(340, 60%, 60%) | |
55% | #d14775 | rgb(209, 71, 117) | hsl(340, 60%, 55%) | |
50% | #cc3366 | rgb(204, 51, 102) | hsl(340, 60%, 50%) | |
45% | #b82e5c | rgb(184, 46, 92) | hsl(340, 60%, 45%) | |
40% | #a32952 | rgb(163, 41, 82) | hsl(340, 60%, 40%) | |
35% | #8f2447 | rgb(143, 36, 71) | hsl(340, 60%, 35%) | |
30% | #7a1f3d | rgb(122, 31, 61) | hsl(340, 60%, 30%) | |
25% | #661933 | rgb(102, 25, 51) | hsl(340, 60%, 25%) | |
20% | #521429 | rgb(82, 20, 41) | hsl(340, 60%, 20%) | |
15% | #3d0f1f | rgb(61, 15, 31) | hsl(340, 60%, 15%) | |
10% | #290a14 | rgb(41, 10, 20) | hsl(340, 60%, 10%) | |
5% | #14050a | rgb(20, 5, 10) | hsl(340, 60%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(340, 60%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
219 | 112 | 147 |
rgb(219, 112, 147)
#db7093
#db7093