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
Pink
#ffc0cb
rgb(255, 192, 203)
hsl(350, 100%, 88%)
Lighter / Darker:
100% | #ffffff | |
95% | #ffe6ea | |
90% | #ffccd5 | |
88% | #ffc0cb | |
85% | #ffb3bf | |
80% | #ff99aa | |
75% | #ff8095 | |
70% | #ff6680 | |
65% | #ff4d6a | |
60% | #ff3355 | |
55% | #ff1a40 | |
50% | #ff002b | |
45% | #e60026 | |
40% | #cc0022 | |
35% | #b3001e | |
30% | #99001a | |
25% | #800015 | |
20% | #660011 | |
15% | #4d000d | |
10% | #330009 | |
5% | #1a0004 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #ffc2c2 | rgb(255, 194, 194) | hsl(0, 100%, 88%) | |
15 | #ffd1c2 | rgb(255, 209, 194) | hsl(15, 100%, 88%) | |
30 | #ffe0c2 | rgb(255, 224, 194) | hsl(30, 100%, 88%) | |
45 | #fff0c2 | rgb(255, 240, 194) | hsl(45, 100%, 88%) | |
60 | #ffffc2 | rgb(255, 255, 194) | hsl(60, 100%, 88%) | |
75 | #f0ffc2 | rgb(240, 255, 194) | hsl(75, 100%, 88%) | |
90 | #e0ffc2 | rgb(224, 255, 194) | hsl(90, 100%, 88%) | |
105 | #d1ffc2 | rgb(209, 255, 194) | hsl(105, 100%, 88%) | |
120 | #c2ffc2 | rgb(194, 255, 194) | hsl(120, 100%, 88%) | |
135 | #c2ffd1 | rgb(194, 255, 209) | hsl(135, 100%, 88%) | |
150 | #c2ffe0 | rgb(194, 255, 224) | hsl(150, 100%, 88%) | |
165 | #c2fff0 | rgb(194, 255, 240) | hsl(165, 100%, 88%) | |
180 | #c2ffff | rgb(194, 255, 255) | hsl(180, 100%, 88%) | |
195 | #c2f0ff | rgb(194, 240, 255) | hsl(195, 100%, 88%) | |
210 | #c2e0ff | rgb(194, 224, 255) | hsl(210, 100%, 88%) | |
225 | #c2d1ff | rgb(194, 209, 255) | hsl(225, 100%, 88%) | |
240 | #c2c2ff | rgb(194, 194, 255) | hsl(240, 100%, 88%) | |
255 | #d1c2ff | rgb(209, 194, 255) | hsl(255, 100%, 88%) | |
270 | #e0c2ff | rgb(224, 194, 255) | hsl(270, 100%, 88%) | |
285 | #f0c2ff | rgb(240, 194, 255) | hsl(285, 100%, 88%) | |
300 | #ffc2ff | rgb(255, 194, 255) | hsl(300, 100%, 88%) | |
315 | #ffc2f0 | rgb(255, 194, 240) | hsl(315, 100%, 88%) | |
330 | #ffc2e0 | rgb(255, 194, 224) | hsl(330, 100%, 88%) | |
345 | #ffc2d1 | rgb(255, 194, 209) | hsl(345, 100%, 88%) | |
350 | #ffc0cb | rgb(255, 192, 203) | hsl(350, 100%, 88%) | |
360 | #ffc2c2 | rgb(255, 194, 194) | hsl(0, 100%, 88%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ffc0cb | rgb(255, 192, 203) | hsl(350, 100%, 88%) | |
95% | #fdc3cd | rgb(253, 195, 205) | hsl(350, 95%, 88%) | |
90% | #fcc5ce | rgb(252, 197, 206) | hsl(350, 90%, 88%) | |
85% | #fac6cf | rgb(250, 198, 207) | hsl(350, 85%, 88%) | |
80% | #f9c8d0 | rgb(249, 200, 208) | hsl(350, 80%, 88%) | |
75% | #f7c9d1 | rgb(247, 201, 209) | hsl(350, 75%, 88%) | |
70% | #f6cbd2 | rgb(246, 203, 210) | hsl(350, 70%, 88%) | |
65% | #f4cdd3 | rgb(244, 205, 211) | hsl(350, 65%, 88%) | |
60% | #f3ced4 | rgb(243, 206, 212) | hsl(350, 60%, 88%) | |
55% | #f1d0d5 | rgb(241, 208, 213) | hsl(350, 55%, 88%) | |
50% | #f0d1d6 | rgb(240, 209, 214) | hsl(350, 50%, 88%) | |
45% | #eed3d7 | rgb(238, 211, 215) | hsl(350, 45%, 88%) | |
40% | #edd4d8 | rgb(237, 212, 216) | hsl(350, 40%, 88%) | |
35% | #ebd6d9 | rgb(235, 214, 217) | hsl(350, 35%, 88%) | |
30% | #ead7da | rgb(234, 215, 218) | hsl(350, 30%, 88%) | |
25% | #e8d9db | rgb(232, 217, 219) | hsl(350, 25%, 88%) | |
20% | #e7dadc | rgb(231, 218, 220) | hsl(350, 20%, 88%) | |
15% | #e5dcdd | rgb(229, 220, 221) | hsl(350, 15%, 88%) | |
10% | #e3ddde | rgb(227, 221, 222) | hsl(350, 10%, 88%) | |
5% | #e2dfdf | rgb(226, 223, 223) | hsl(350, 5%, 88%) | |
0% | #e0e0e0 | rgb(224, 224, 224) | hsl(350, 0%, 88%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(350, 100%, 100%) | |
95% | #ffe6ea | rgb(255, 230, 234) | hsl(350, 100%, 95%) | |
90% | #ffccd5 | rgb(255, 204, 213) | hsl(350, 100%, 90%) | |
88% | #ffc0cb | rgb(255, 192, 203) | hsl(350, 100%, 88%) | |
85% | #ffb3bf | rgb(255, 179, 191) | hsl(350, 100%, 85%) | |
80% | #ff99aa | rgb(255, 153, 170) | hsl(350, 100%, 80%) | |
75% | #ff8095 | rgb(255, 128, 149) | hsl(350, 100%, 75%) | |
70% | #ff6680 | rgb(255, 102, 128) | hsl(350, 100%, 70%) | |
65% | #ff4d6a | rgb(255, 77, 106) | hsl(350, 100%, 65%) | |
60% | #ff3355 | rgb(255, 51, 85) | hsl(350, 100%, 60%) | |
55% | #ff1a40 | rgb(255, 26, 64) | hsl(350, 100%, 55%) | |
50% | #ff002b | rgb(255, 0, 43) | hsl(350, 100%, 50%) | |
45% | #e60026 | rgb(230, 0, 38) | hsl(350, 100%, 45%) | |
40% | #cc0022 | rgb(204, 0, 34) | hsl(350, 100%, 40%) | |
35% | #b3001e | rgb(179, 0, 30) | hsl(350, 100%, 35%) | |
30% | #99001a | rgb(153, 0, 26) | hsl(350, 100%, 30%) | |
25% | #800015 | rgb(128, 0, 21) | hsl(350, 100%, 25%) | |
20% | #660011 | rgb(102, 0, 17) | hsl(350, 100%, 20%) | |
15% | #4d000d | rgb(77, 0, 13) | hsl(350, 100%, 15%) | |
10% | #330009 | rgb(51, 0, 9) | hsl(350, 100%, 10%) | |
5% | #1a0004 | rgb(26, 0, 4) | hsl(350, 100%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(350, 100%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
255 | 192 | 203 |
rgb(255, 192, 203)
#ffc0cb
#ffc0cb