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
LightPink
#ffb6c1
rgb(255, 182, 193)
hsl(351, 100%, 86%)
Lighter / Darker:
100% | #ffffff | |
95% | #ffe6e9 | |
90% | #ffccd4 | |
86% | #ffb6c1 | |
85% | #ffb3be | |
80% | #ff99a8 | |
75% | #ff8093 | |
70% | #ff667d | |
65% | #ff4d67 | |
60% | #ff3352 | |
55% | #ff1a3c | |
50% | #ff0026 | |
45% | #e60022 | |
40% | #cc001f | |
35% | #b3001b | |
30% | #990017 | |
25% | #800013 | |
20% | #66000f | |
15% | #4d000b | |
10% | #330008 | |
5% | #1a0004 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #ffb8b8 | rgb(255, 184, 184) | hsl(0, 100%, 86%) | |
15 | #ffc9b8 | rgb(255, 201, 184) | hsl(15, 100%, 86%) | |
30 | #ffdbb8 | rgb(255, 219, 184) | hsl(30, 100%, 86%) | |
45 | #ffedb8 | rgb(255, 237, 184) | hsl(45, 100%, 86%) | |
60 | #ffffb8 | rgb(255, 255, 184) | hsl(60, 100%, 86%) | |
75 | #edffb8 | rgb(237, 255, 184) | hsl(75, 100%, 86%) | |
90 | #dbffb8 | rgb(219, 255, 184) | hsl(90, 100%, 86%) | |
105 | #c9ffb8 | rgb(201, 255, 184) | hsl(105, 100%, 86%) | |
120 | #b8ffb8 | rgb(184, 255, 184) | hsl(120, 100%, 86%) | |
135 | #b8ffc9 | rgb(184, 255, 201) | hsl(135, 100%, 86%) | |
150 | #b8ffdb | rgb(184, 255, 219) | hsl(150, 100%, 86%) | |
165 | #b8ffed | rgb(184, 255, 237) | hsl(165, 100%, 86%) | |
180 | #b8ffff | rgb(184, 255, 255) | hsl(180, 100%, 86%) | |
195 | #b8edff | rgb(184, 237, 255) | hsl(195, 100%, 86%) | |
210 | #b8dbff | rgb(184, 219, 255) | hsl(210, 100%, 86%) | |
225 | #b8c9ff | rgb(184, 201, 255) | hsl(225, 100%, 86%) | |
240 | #b8b8ff | rgb(184, 184, 255) | hsl(240, 100%, 86%) | |
255 | #c9b8ff | rgb(201, 184, 255) | hsl(255, 100%, 86%) | |
270 | #dbb8ff | rgb(219, 184, 255) | hsl(270, 100%, 86%) | |
285 | #edb8ff | rgb(237, 184, 255) | hsl(285, 100%, 86%) | |
300 | #ffb8ff | rgb(255, 184, 255) | hsl(300, 100%, 86%) | |
315 | #ffb8ed | rgb(255, 184, 237) | hsl(315, 100%, 86%) | |
330 | #ffb8db | rgb(255, 184, 219) | hsl(330, 100%, 86%) | |
345 | #ffb8c9 | rgb(255, 184, 201) | hsl(345, 100%, 86%) | |
351 | #ffb6c1 | rgb(255, 182, 193) | hsl(351, 100%, 86%) | |
360 | #ffb8b8 | rgb(255, 184, 184) | hsl(0, 100%, 86%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ffb6c1 | rgb(255, 182, 193) | hsl(351, 100%, 86%) | |
95% | #fdb9c4 | rgb(253, 185, 196) | hsl(351, 95%, 86%) | |
90% | #fbbbc5 | rgb(251, 187, 197) | hsl(351, 90%, 86%) | |
85% | #fabdc6 | rgb(250, 189, 198) | hsl(351, 85%, 86%) | |
80% | #f8bfc7 | rgb(248, 191, 199) | hsl(351, 80%, 86%) | |
75% | #f6c1c9 | rgb(246, 193, 201) | hsl(351, 75%, 86%) | |
70% | #f4c2ca | rgb(244, 194, 202) | hsl(351, 70%, 86%) | |
65% | #f3c4cb | rgb(243, 196, 203) | hsl(351, 65%, 86%) | |
60% | #f1c6cc | rgb(241, 198, 204) | hsl(351, 60%, 86%) | |
55% | #efc8ce | rgb(239, 200, 206) | hsl(351, 55%, 86%) | |
50% | #edc9cf | rgb(237, 201, 207) | hsl(351, 50%, 86%) | |
45% | #ebcbd0 | rgb(235, 203, 208) | hsl(351, 45%, 86%) | |
40% | #eacdd1 | rgb(234, 205, 209) | hsl(351, 40%, 86%) | |
35% | #e8cfd3 | rgb(232, 207, 211) | hsl(351, 35%, 86%) | |
30% | #e6d1d4 | rgb(230, 209, 212) | hsl(351, 30%, 86%) | |
25% | #e4d2d5 | rgb(228, 210, 213) | hsl(351, 25%, 86%) | |
20% | #e2d4d6 | rgb(226, 212, 214) | hsl(351, 20%, 86%) | |
15% | #e1d6d8 | rgb(225, 214, 216) | hsl(351, 15%, 86%) | |
10% | #dfd8d9 | rgb(223, 216, 217) | hsl(351, 10%, 86%) | |
5% | #dddada | rgb(221, 218, 218) | hsl(351, 5%, 86%) | |
0% | #dbdbdb | rgb(219, 219, 219) | hsl(351, 0%, 86%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(351, 100%, 100%) | |
95% | #ffe6e9 | rgb(255, 230, 233) | hsl(351, 100%, 95%) | |
90% | #ffccd4 | rgb(255, 204, 212) | hsl(351, 100%, 90%) | |
86% | #ffb6c1 | rgb(255, 182, 193) | hsl(351, 100%, 86%) | |
85% | #ffb3be | rgb(255, 179, 190) | hsl(351, 100%, 85%) | |
80% | #ff99a8 | rgb(255, 153, 168) | hsl(351, 100%, 80%) | |
75% | #ff8093 | rgb(255, 128, 147) | hsl(351, 100%, 75%) | |
70% | #ff667d | rgb(255, 102, 125) | hsl(351, 100%, 70%) | |
65% | #ff4d67 | rgb(255, 77, 103) | hsl(351, 100%, 65%) | |
60% | #ff3352 | rgb(255, 51, 82) | hsl(351, 100%, 60%) | |
55% | #ff1a3c | rgb(255, 26, 60) | hsl(351, 100%, 55%) | |
50% | #ff0026 | rgb(255, 0, 38) | hsl(351, 100%, 50%) | |
45% | #e60022 | rgb(230, 0, 34) | hsl(351, 100%, 45%) | |
40% | #cc001f | rgb(204, 0, 31) | hsl(351, 100%, 40%) | |
35% | #b3001b | rgb(179, 0, 27) | hsl(351, 100%, 35%) | |
30% | #990017 | rgb(153, 0, 23) | hsl(351, 100%, 30%) | |
25% | #800013 | rgb(128, 0, 19) | hsl(351, 100%, 25%) | |
20% | #66000f | rgb(102, 0, 15) | hsl(351, 100%, 20%) | |
15% | #4d000b | rgb(77, 0, 11) | hsl(351, 100%, 15%) | |
10% | #330008 | rgb(51, 0, 8) | hsl(351, 100%, 10%) | |
5% | #1a0004 | rgb(26, 0, 4) | hsl(351, 100%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(351, 100%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
255 | 182 | 193 |
rgb(255, 182, 193)
#ffb6c1
#ffb6c1