HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#d65076
rgb(214, 80, 118)
hsl(343, 62%, 58%)
Lighter / Darker:
100% | #ffffff | |
95% | #faeaef | |
90% | #f5d6df | |
85% | #f0c1ce | |
80% | #ecacbe | |
75% | #e798ae | |
70% | #e2839e | |
65% | #dd6e8e | |
60% | #d85a7e | |
58% | #d65076 | |
55% | #d3456d | |
50% | #cf305d | |
45% | #ba2c54 | |
40% | #a5274b | |
35% | #912241 | |
30% | #7c1d38 | |
25% | #67182f | |
20% | #531325 | |
15% | #3e0f1c | |
10% | #290a13 | |
5% | #150509 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #d65151 | rgb(214, 81, 81) | hsl(0, 62%, 58%) | |
15 | #d67351 | rgb(214, 115, 81) | hsl(15, 62%, 58%) | |
30 | #d69451 | rgb(214, 148, 81) | hsl(30, 62%, 58%) | |
45 | #d6b551 | rgb(214, 181, 81) | hsl(45, 62%, 58%) | |
60 | #d6d651 | rgb(214, 214, 81) | hsl(60, 62%, 58%) | |
75 | #b5d651 | rgb(181, 214, 81) | hsl(75, 62%, 58%) | |
90 | #94d651 | rgb(148, 214, 81) | hsl(90, 62%, 58%) | |
105 | #73d651 | rgb(115, 214, 81) | hsl(105, 62%, 58%) | |
120 | #51d651 | rgb(81, 214, 81) | hsl(120, 62%, 58%) | |
135 | #51d673 | rgb(81, 214, 115) | hsl(135, 62%, 58%) | |
150 | #51d694 | rgb(81, 214, 148) | hsl(150, 62%, 58%) | |
165 | #51d6b5 | rgb(81, 214, 181) | hsl(165, 62%, 58%) | |
180 | #51d6d6 | rgb(81, 214, 214) | hsl(180, 62%, 58%) | |
195 | #51b5d6 | rgb(81, 181, 214) | hsl(195, 62%, 58%) | |
210 | #5194d6 | rgb(81, 148, 214) | hsl(210, 62%, 58%) | |
225 | #5173d6 | rgb(81, 115, 214) | hsl(225, 62%, 58%) | |
240 | #5151d6 | rgb(81, 81, 214) | hsl(240, 62%, 58%) | |
255 | #7351d6 | rgb(115, 81, 214) | hsl(255, 62%, 58%) | |
270 | #9451d6 | rgb(148, 81, 214) | hsl(270, 62%, 58%) | |
285 | #b551d6 | rgb(181, 81, 214) | hsl(285, 62%, 58%) | |
300 | #d651d6 | rgb(214, 81, 214) | hsl(300, 62%, 58%) | |
315 | #d651b5 | rgb(214, 81, 181) | hsl(315, 62%, 58%) | |
330 | #d65194 | rgb(214, 81, 148) | hsl(330, 62%, 58%) | |
343 | #d65076 | rgb(214, 80, 118) | hsl(343, 62%, 58%) | |
345 | #d65173 | rgb(214, 81, 115) | hsl(345, 62%, 58%) | |
360 | #d65151 | rgb(214, 81, 81) | hsl(0, 62%, 58%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ff2965 | rgb(255, 41, 101) | hsl(343, 100%, 58%) | |
95% | #fa2e68 | rgb(250, 46, 104) | hsl(343, 95%, 58%) | |
90% | #f4346a | rgb(244, 52, 106) | hsl(343, 90%, 58%) | |
85% | #ef396c | rgb(239, 57, 108) | hsl(343, 85%, 58%) | |
80% | #ea3e6f | rgb(234, 62, 111) | hsl(343, 80%, 58%) | |
75% | #e44471 | rgb(228, 68, 113) | hsl(343, 75%, 58%) | |
70% | #df4973 | rgb(223, 73, 115) | hsl(343, 70%, 58%) | |
65% | #da4e76 | rgb(218, 78, 118) | hsl(343, 65%, 58%) | |
62% | #d65076 | rgb(214, 80, 118) | hsl(343, 62%, 58%) | |
60% | #d45478 | rgb(212, 84, 120) | hsl(343, 60%, 58%) | |
55% | #cf597a | rgb(207, 89, 122) | hsl(343, 55%, 58%) | |
50% | #c95e7d | rgb(201, 94, 125) | hsl(343, 50%, 58%) | |
45% | #c4647f | rgb(196, 100, 127) | hsl(343, 45%, 58%) | |
40% | #bf6981 | rgb(191, 105, 129) | hsl(343, 40%, 58%) | |
35% | #b96e84 | rgb(185, 110, 132) | hsl(343, 35%, 58%) | |
30% | #b47486 | rgb(180, 116, 134) | hsl(343, 30%, 58%) | |
25% | #af7988 | rgb(175, 121, 136) | hsl(343, 25%, 58%) | |
20% | #a97e8b | rgb(169, 126, 139) | hsl(343, 20%, 58%) | |
15% | #a4848d | rgb(164, 132, 141) | hsl(343, 15%, 58%) | |
10% | #9f898f | rgb(159, 137, 143) | hsl(343, 10%, 58%) | |
5% | #998f92 | rgb(153, 143, 146) | hsl(343, 5%, 58%) | |
0% | #949494 | rgb(148, 148, 148) | hsl(343, 0%, 58%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(343, 62%, 100%) | |
95% | #faeaef | rgb(250, 234, 239) | hsl(343, 62%, 95%) | |
90% | #f5d6df | rgb(245, 214, 223) | hsl(343, 62%, 90%) | |
85% | #f0c1ce | rgb(240, 193, 206) | hsl(343, 62%, 85%) | |
80% | #ecacbe | rgb(236, 172, 190) | hsl(343, 62%, 80%) | |
75% | #e798ae | rgb(231, 152, 174) | hsl(343, 62%, 75%) | |
70% | #e2839e | rgb(226, 131, 158) | hsl(343, 62%, 70%) | |
65% | #dd6e8e | rgb(221, 110, 142) | hsl(343, 62%, 65%) | |
60% | #d85a7e | rgb(216, 90, 126) | hsl(343, 62%, 60%) | |
58% | #d65076 | rgb(214, 80, 118) | hsl(343, 62%, 58%) | |
55% | #d3456d | rgb(211, 69, 109) | hsl(343, 62%, 55%) | |
50% | #cf305d | rgb(207, 48, 93) | hsl(343, 62%, 50%) | |
45% | #ba2c54 | rgb(186, 44, 84) | hsl(343, 62%, 45%) | |
40% | #a5274b | rgb(165, 39, 75) | hsl(343, 62%, 40%) | |
35% | #912241 | rgb(145, 34, 65) | hsl(343, 62%, 35%) | |
30% | #7c1d38 | rgb(124, 29, 56) | hsl(343, 62%, 30%) | |
25% | #67182f | rgb(103, 24, 47) | hsl(343, 62%, 25%) | |
20% | #531325 | rgb(83, 19, 37) | hsl(343, 62%, 20%) | |
15% | #3e0f1c | rgb(62, 15, 28) | hsl(343, 62%, 15%) | |
10% | #290a13 | rgb(41, 10, 19) | hsl(343, 62%, 10%) | |
5% | #150509 | rgb(21, 5, 9) | hsl(343, 62%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(343, 62%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
214 | 80 | 118 |
rgb(214, 80, 118)
#d65076
#d65076