HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#d2386c
rgb(210, 56, 108)
hsl(340, 63%, 52%)
Lighter / Darker:
100% | #ffffff | |
95% | #faeaf0 | |
90% | #f6d5e0 | |
85% | #f1c1d1 | |
80% | #ecacc1 | |
75% | #e797b2 | |
70% | #e382a2 | |
65% | #de6e93 | |
60% | #d95984 | |
55% | #d54474 | |
52% | #d2386c | |
50% | #d02f65 | |
45% | #bb2a5b | |
40% | #a62651 | |
35% | #912147 | |
30% | #7d1c3c | |
25% | #681832 | |
20% | #531328 | |
15% | #3e0e1e | |
10% | #2a0914 | |
5% | #15050a | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #d23737 | rgb(210, 55, 55) | hsl(0, 63%, 52%) | |
15 | #d25e37 | rgb(210, 94, 55) | hsl(15, 63%, 52%) | |
30 | #d28537 | rgb(210, 133, 55) | hsl(30, 63%, 52%) | |
45 | #d2ab37 | rgb(210, 171, 55) | hsl(45, 63%, 52%) | |
60 | #d2d237 | rgb(210, 210, 55) | hsl(60, 63%, 52%) | |
75 | #abd237 | rgb(171, 210, 55) | hsl(75, 63%, 52%) | |
90 | #85d237 | rgb(133, 210, 55) | hsl(90, 63%, 52%) | |
105 | #5ed237 | rgb(94, 210, 55) | hsl(105, 63%, 52%) | |
120 | #37d237 | rgb(55, 210, 55) | hsl(120, 63%, 52%) | |
135 | #37d25e | rgb(55, 210, 94) | hsl(135, 63%, 52%) | |
150 | #37d285 | rgb(55, 210, 133) | hsl(150, 63%, 52%) | |
165 | #37d2ab | rgb(55, 210, 171) | hsl(165, 63%, 52%) | |
180 | #37d2d2 | rgb(55, 210, 210) | hsl(180, 63%, 52%) | |
195 | #37abd2 | rgb(55, 171, 210) | hsl(195, 63%, 52%) | |
210 | #3785d2 | rgb(55, 133, 210) | hsl(210, 63%, 52%) | |
225 | #375ed2 | rgb(55, 94, 210) | hsl(225, 63%, 52%) | |
240 | #3737d2 | rgb(55, 55, 210) | hsl(240, 63%, 52%) | |
255 | #5e37d2 | rgb(94, 55, 210) | hsl(255, 63%, 52%) | |
270 | #8537d2 | rgb(133, 55, 210) | hsl(270, 63%, 52%) | |
285 | #ab37d2 | rgb(171, 55, 210) | hsl(285, 63%, 52%) | |
300 | #d237d2 | rgb(210, 55, 210) | hsl(300, 63%, 52%) | |
315 | #d237ab | rgb(210, 55, 171) | hsl(315, 63%, 52%) | |
330 | #d23785 | rgb(210, 55, 133) | hsl(330, 63%, 52%) | |
340 | #d2386c | rgb(210, 56, 108) | hsl(340, 63%, 52%) | |
345 | #d2375e | rgb(210, 55, 94) | hsl(345, 63%, 52%) | |
360 | #d23737 | rgb(210, 55, 55) | hsl(0, 63%, 52%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ff0a5c | rgb(255, 10, 92) | hsl(340, 100%, 52%) | |
95% | #f9105e | rgb(249, 16, 94) | hsl(340, 95%, 52%) | |
90% | #f31660 | rgb(243, 22, 96) | hsl(340, 90%, 52%) | |
85% | #ed1d62 | rgb(237, 29, 98) | hsl(340, 85%, 52%) | |
80% | #e72364 | rgb(231, 35, 100) | hsl(340, 80%, 52%) | |
75% | #e02966 | rgb(224, 41, 102) | hsl(340, 75%, 52%) | |
70% | #da2f68 | rgb(218, 47, 104) | hsl(340, 70%, 52%) | |
65% | #d4356a | rgb(212, 53, 106) | hsl(340, 65%, 52%) | |
63% | #d2386c | rgb(210, 56, 108) | hsl(340, 63%, 52%) | |
60% | #ce3b6c | rgb(206, 59, 108) | hsl(340, 60%, 52%) | |
55% | #c8416e | rgb(200, 65, 110) | hsl(340, 55%, 52%) | |
50% | #c24770 | rgb(194, 71, 112) | hsl(340, 50%, 52%) | |
45% | #bc4e72 | rgb(188, 78, 114) | hsl(340, 45%, 52%) | |
40% | #b65474 | rgb(182, 84, 116) | hsl(340, 40%, 52%) | |
35% | #af5a76 | rgb(175, 90, 118) | hsl(340, 35%, 52%) | |
30% | #a96078 | rgb(169, 96, 120) | hsl(340, 30%, 52%) | |
25% | #a3667a | rgb(163, 102, 122) | hsl(340, 25%, 52%) | |
20% | #9d6c7c | rgb(157, 108, 124) | hsl(340, 20%, 52%) | |
15% | #97727e | rgb(151, 114, 126) | hsl(340, 15%, 52%) | |
10% | #917881 | rgb(145, 120, 129) | hsl(340, 10%, 52%) | |
5% | #8b7e83 | rgb(139, 126, 131) | hsl(340, 5%, 52%) | |
0% | #858585 | rgb(133, 133, 133) | hsl(340, 0%, 52%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(340, 63%, 100%) | |
95% | #faeaf0 | rgb(250, 234, 240) | hsl(340, 63%, 95%) | |
90% | #f6d5e0 | rgb(246, 213, 224) | hsl(340, 63%, 90%) | |
85% | #f1c1d1 | rgb(241, 193, 209) | hsl(340, 63%, 85%) | |
80% | #ecacc1 | rgb(236, 172, 193) | hsl(340, 63%, 80%) | |
75% | #e797b2 | rgb(231, 151, 178) | hsl(340, 63%, 75%) | |
70% | #e382a2 | rgb(227, 130, 162) | hsl(340, 63%, 70%) | |
65% | #de6e93 | rgb(222, 110, 147) | hsl(340, 63%, 65%) | |
60% | #d95984 | rgb(217, 89, 132) | hsl(340, 63%, 60%) | |
55% | #d54474 | rgb(213, 68, 116) | hsl(340, 63%, 55%) | |
52% | #d2386c | rgb(210, 56, 108) | hsl(340, 63%, 52%) | |
50% | #d02f65 | rgb(208, 47, 101) | hsl(340, 63%, 50%) | |
45% | #bb2a5b | rgb(187, 42, 91) | hsl(340, 63%, 45%) | |
40% | #a62651 | rgb(166, 38, 81) | hsl(340, 63%, 40%) | |
35% | #912147 | rgb(145, 33, 71) | hsl(340, 63%, 35%) | |
30% | #7d1c3c | rgb(125, 28, 60) | hsl(340, 63%, 30%) | |
25% | #681832 | rgb(104, 24, 50) | hsl(340, 63%, 25%) | |
20% | #531328 | rgb(83, 19, 40) | hsl(340, 63%, 20%) | |
15% | #3e0e1e | rgb(62, 14, 30) | hsl(340, 63%, 15%) | |
10% | #2a0914 | rgb(42, 9, 20) | hsl(340, 63%, 10%) | |
5% | #15050a | rgb(21, 5, 10) | hsl(340, 63%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(340, 63%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
210 | 56 | 108 |
rgb(210, 56, 108)
#d2386c
#d2386c