HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#dbb1cd
rgb(219, 177, 205)
hsl(320, 37%, 78%)
Lighter / Darker:
100% | #ffffff | |
95% | #f7eef4 | |
90% | #efdce9 | |
85% | #e7cbdd | |
80% | #dfb9d2 | |
78% | #dbb1cd | |
75% | #d7a8c7 | |
70% | #cf96bc | |
65% | #c785b1 | |
60% | #bf73a6 | |
55% | #b7629a | |
50% | #af508f | |
45% | #9d4881 | |
40% | #8c4073 | |
35% | #7a3864 | |
30% | #693056 | |
25% | #572848 | |
20% | #462039 | |
15% | #34182b | |
10% | #23101d | |
5% | #11080e | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #dcb2b2 | rgb(220, 178, 178) | hsl(0, 37%, 78%) | |
15 | #dcbdb2 | rgb(220, 189, 178) | hsl(15, 37%, 78%) | |
30 | #dcc7b2 | rgb(220, 199, 178) | hsl(30, 37%, 78%) | |
45 | #dcd1b2 | rgb(220, 209, 178) | hsl(45, 37%, 78%) | |
60 | #dcdcb2 | rgb(220, 220, 178) | hsl(60, 37%, 78%) | |
75 | #d1dcb2 | rgb(209, 220, 178) | hsl(75, 37%, 78%) | |
90 | #c7dcb2 | rgb(199, 220, 178) | hsl(90, 37%, 78%) | |
105 | #bddcb2 | rgb(189, 220, 178) | hsl(105, 37%, 78%) | |
120 | #b2dcb2 | rgb(178, 220, 178) | hsl(120, 37%, 78%) | |
135 | #b2dcbd | rgb(178, 220, 189) | hsl(135, 37%, 78%) | |
150 | #b2dcc7 | rgb(178, 220, 199) | hsl(150, 37%, 78%) | |
165 | #b2dcd1 | rgb(178, 220, 209) | hsl(165, 37%, 78%) | |
180 | #b2dcdc | rgb(178, 220, 220) | hsl(180, 37%, 78%) | |
195 | #b2d1dc | rgb(178, 209, 220) | hsl(195, 37%, 78%) | |
210 | #b2c7dc | rgb(178, 199, 220) | hsl(210, 37%, 78%) | |
225 | #b2bddc | rgb(178, 189, 220) | hsl(225, 37%, 78%) | |
240 | #b2b2dc | rgb(178, 178, 220) | hsl(240, 37%, 78%) | |
255 | #bdb2dc | rgb(189, 178, 220) | hsl(255, 37%, 78%) | |
270 | #c7b2dc | rgb(199, 178, 220) | hsl(270, 37%, 78%) | |
285 | #d1b2dc | rgb(209, 178, 220) | hsl(285, 37%, 78%) | |
300 | #dcb2dc | rgb(220, 178, 220) | hsl(300, 37%, 78%) | |
315 | #dcb2d1 | rgb(220, 178, 209) | hsl(315, 37%, 78%) | |
320 | #dbb1cd | rgb(219, 177, 205) | hsl(320, 37%, 78%) | |
330 | #dcb2c7 | rgb(220, 178, 199) | hsl(330, 37%, 78%) | |
345 | #dcb2bd | rgb(220, 178, 189) | hsl(345, 37%, 78%) | |
360 | #dcb2b2 | rgb(220, 178, 178) | hsl(0, 37%, 78%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ff8fda | rgb(255, 143, 218) | hsl(320, 100%, 78%) | |
95% | #fc92d9 | rgb(252, 146, 217) | hsl(320, 95%, 78%) | |
90% | #f994d8 | rgb(249, 148, 216) | hsl(320, 90%, 78%) | |
85% | #f797d7 | rgb(247, 151, 215) | hsl(320, 85%, 78%) | |
80% | #f49ad6 | rgb(244, 154, 214) | hsl(320, 80%, 78%) | |
75% | #f19dd5 | rgb(241, 157, 213) | hsl(320, 75%, 78%) | |
70% | #eea0d4 | rgb(238, 160, 212) | hsl(320, 70%, 78%) | |
65% | #eba2d3 | rgb(235, 162, 211) | hsl(320, 65%, 78%) | |
60% | #e9a5d2 | rgb(233, 165, 210) | hsl(320, 60%, 78%) | |
55% | #e6a8d1 | rgb(230, 168, 209) | hsl(320, 55%, 78%) | |
50% | #e3abd0 | rgb(227, 171, 208) | hsl(320, 50%, 78%) | |
45% | #e0aecf | rgb(224, 174, 207) | hsl(320, 45%, 78%) | |
40% | #ddb0ce | rgb(221, 176, 206) | hsl(320, 40%, 78%) | |
37% | #dbb1cd | rgb(219, 177, 205) | hsl(320, 37%, 78%) | |
35% | #dbb3cd | rgb(219, 179, 205) | hsl(320, 35%, 78%) | |
30% | #d8b6cd | rgb(216, 182, 205) | hsl(320, 30%, 78%) | |
25% | #d5b9cc | rgb(213, 185, 204) | hsl(320, 25%, 78%) | |
20% | #d2bccb | rgb(210, 188, 203) | hsl(320, 20%, 78%) | |
15% | #cfbeca | rgb(207, 190, 202) | hsl(320, 15%, 78%) | |
10% | #cdc1c9 | rgb(205, 193, 201) | hsl(320, 10%, 78%) | |
5% | #cac4c8 | rgb(202, 196, 200) | hsl(320, 5%, 78%) | |
0% | #c7c7c7 | rgb(199, 199, 199) | hsl(320, 0%, 78%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(320, 37%, 100%) | |
95% | #f7eef4 | rgb(247, 238, 244) | hsl(320, 37%, 95%) | |
90% | #efdce9 | rgb(239, 220, 233) | hsl(320, 37%, 90%) | |
85% | #e7cbdd | rgb(231, 203, 221) | hsl(320, 37%, 85%) | |
80% | #dfb9d2 | rgb(223, 185, 210) | hsl(320, 37%, 80%) | |
78% | #dbb1cd | rgb(219, 177, 205) | hsl(320, 37%, 78%) | |
75% | #d7a8c7 | rgb(215, 168, 199) | hsl(320, 37%, 75%) | |
70% | #cf96bc | rgb(207, 150, 188) | hsl(320, 37%, 70%) | |
65% | #c785b1 | rgb(199, 133, 177) | hsl(320, 37%, 65%) | |
60% | #bf73a6 | rgb(191, 115, 166) | hsl(320, 37%, 60%) | |
55% | #b7629a | rgb(183, 98, 154) | hsl(320, 37%, 55%) | |
50% | #af508f | rgb(175, 80, 143) | hsl(320, 37%, 50%) | |
45% | #9d4881 | rgb(157, 72, 129) | hsl(320, 37%, 45%) | |
40% | #8c4073 | rgb(140, 64, 115) | hsl(320, 37%, 40%) | |
35% | #7a3864 | rgb(122, 56, 100) | hsl(320, 37%, 35%) | |
30% | #693056 | rgb(105, 48, 86) | hsl(320, 37%, 30%) | |
25% | #572848 | rgb(87, 40, 72) | hsl(320, 37%, 25%) | |
20% | #462039 | rgb(70, 32, 57) | hsl(320, 37%, 20%) | |
15% | #34182b | rgb(52, 24, 43) | hsl(320, 37%, 15%) | |
10% | #23101d | rgb(35, 16, 29) | hsl(320, 37%, 10%) | |
5% | #11080e | rgb(17, 8, 14) | hsl(320, 37%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(320, 37%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
219 | 177 | 205 |
rgb(219, 177, 205)
#dbb1cd
#dbb1cd