HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#6c244c
rgb(108, 36, 76)
hsl(327, 50%, 28%)
Lighter / Darker:
100% | #ffffff | |
95% | #f9ecf3 | |
90% | #f2d9e7 | |
85% | #ecc6db | |
80% | #e6b3cf | |
75% | #df9fc2 | |
70% | #d98cb6 | |
65% | #d279aa | |
60% | #cc669e | |
55% | #c65392 | |
50% | #bf4086 | |
45% | #ac3978 | |
40% | #99336b | |
35% | #862d5e | |
30% | #732650 | |
28% | #6c244c | |
25% | #602043 | |
20% | #4d1936 | |
15% | #391328 | |
10% | #260d1b | |
5% | #13060d | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #6b2424 | rgb(107, 36, 36) | hsl(0, 50%, 28%) | |
15 | #6b3624 | rgb(107, 54, 36) | hsl(15, 50%, 28%) | |
30 | #6b4724 | rgb(107, 71, 36) | hsl(30, 50%, 28%) | |
45 | #6b5924 | rgb(107, 89, 36) | hsl(45, 50%, 28%) | |
60 | #6b6b24 | rgb(107, 107, 36) | hsl(60, 50%, 28%) | |
75 | #596b24 | rgb(89, 107, 36) | hsl(75, 50%, 28%) | |
90 | #476b24 | rgb(71, 107, 36) | hsl(90, 50%, 28%) | |
105 | #366b24 | rgb(54, 107, 36) | hsl(105, 50%, 28%) | |
120 | #246b24 | rgb(36, 107, 36) | hsl(120, 50%, 28%) | |
135 | #246b36 | rgb(36, 107, 54) | hsl(135, 50%, 28%) | |
150 | #246b47 | rgb(36, 107, 71) | hsl(150, 50%, 28%) | |
165 | #246b59 | rgb(36, 107, 89) | hsl(165, 50%, 28%) | |
180 | #246b6b | rgb(36, 107, 107) | hsl(180, 50%, 28%) | |
195 | #24596b | rgb(36, 89, 107) | hsl(195, 50%, 28%) | |
210 | #24476b | rgb(36, 71, 107) | hsl(210, 50%, 28%) | |
225 | #24366b | rgb(36, 54, 107) | hsl(225, 50%, 28%) | |
240 | #24246b | rgb(36, 36, 107) | hsl(240, 50%, 28%) | |
255 | #36246b | rgb(54, 36, 107) | hsl(255, 50%, 28%) | |
270 | #47246b | rgb(71, 36, 107) | hsl(270, 50%, 28%) | |
285 | #59246b | rgb(89, 36, 107) | hsl(285, 50%, 28%) | |
300 | #6b246b | rgb(107, 36, 107) | hsl(300, 50%, 28%) | |
315 | #6b2459 | rgb(107, 36, 89) | hsl(315, 50%, 28%) | |
327 | #6c244c | rgb(108, 36, 76) | hsl(327, 50%, 28%) | |
330 | #6b2447 | rgb(107, 36, 71) | hsl(330, 50%, 28%) | |
345 | #6b2436 | rgb(107, 36, 54) | hsl(345, 50%, 28%) | |
360 | #6b2424 | rgb(107, 36, 36) | hsl(0, 50%, 28%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #8f004f | rgb(143, 0, 79) | hsl(327, 100%, 28%) | |
95% | #8b044e | rgb(139, 4, 78) | hsl(327, 95%, 28%) | |
90% | #88074e | rgb(136, 7, 78) | hsl(327, 90%, 28%) | |
85% | #840b4d | rgb(132, 11, 77) | hsl(327, 85%, 28%) | |
80% | #810e4d | rgb(129, 14, 77) | hsl(327, 80%, 28%) | |
75% | #7d124d | rgb(125, 18, 77) | hsl(327, 75%, 28%) | |
70% | #79154c | rgb(121, 21, 76) | hsl(327, 70%, 28%) | |
65% | #76194c | rgb(118, 25, 76) | hsl(327, 65%, 28%) | |
60% | #721d4c | rgb(114, 29, 76) | hsl(327, 60%, 28%) | |
55% | #6f204b | rgb(111, 32, 75) | hsl(327, 55%, 28%) | |
50% | #6c244c | rgb(108, 36, 76) | hsl(327, 50%, 28%) | |
45% | #68274b | rgb(104, 39, 75) | hsl(327, 45%, 28%) | |
40% | #642b4a | rgb(100, 43, 74) | hsl(327, 40%, 28%) | |
35% | #602e4a | rgb(96, 46, 74) | hsl(327, 35%, 28%) | |
30% | #5d324a | rgb(93, 50, 74) | hsl(327, 30%, 28%) | |
25% | #593649 | rgb(89, 54, 73) | hsl(327, 25%, 28%) | |
20% | #563949 | rgb(86, 57, 73) | hsl(327, 20%, 28%) | |
15% | #523d48 | rgb(82, 61, 72) | hsl(327, 15%, 28%) | |
10% | #4f4048 | rgb(79, 64, 72) | hsl(327, 10%, 28%) | |
5% | #4b4448 | rgb(75, 68, 72) | hsl(327, 5%, 28%) | |
0% | #474747 | rgb(71, 71, 71) | hsl(327, 0%, 28%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(327, 50%, 100%) | |
95% | #f9ecf3 | rgb(249, 236, 243) | hsl(327, 50%, 95%) | |
90% | #f2d9e7 | rgb(242, 217, 231) | hsl(327, 50%, 90%) | |
85% | #ecc6db | rgb(236, 198, 219) | hsl(327, 50%, 85%) | |
80% | #e6b3cf | rgb(230, 179, 207) | hsl(327, 50%, 80%) | |
75% | #df9fc2 | rgb(223, 159, 194) | hsl(327, 50%, 75%) | |
70% | #d98cb6 | rgb(217, 140, 182) | hsl(327, 50%, 70%) | |
65% | #d279aa | rgb(210, 121, 170) | hsl(327, 50%, 65%) | |
60% | #cc669e | rgb(204, 102, 158) | hsl(327, 50%, 60%) | |
55% | #c65392 | rgb(198, 83, 146) | hsl(327, 50%, 55%) | |
50% | #bf4086 | rgb(191, 64, 134) | hsl(327, 50%, 50%) | |
45% | #ac3978 | rgb(172, 57, 120) | hsl(327, 50%, 45%) | |
40% | #99336b | rgb(153, 51, 107) | hsl(327, 50%, 40%) | |
35% | #862d5e | rgb(134, 45, 94) | hsl(327, 50%, 35%) | |
30% | #732650 | rgb(115, 38, 80) | hsl(327, 50%, 30%) | |
28% | #6c244c | rgb(108, 36, 76) | hsl(327, 50%, 28%) | |
25% | #602043 | rgb(96, 32, 67) | hsl(327, 50%, 25%) | |
20% | #4d1936 | rgb(77, 25, 54) | hsl(327, 50%, 20%) | |
15% | #391328 | rgb(57, 19, 40) | hsl(327, 50%, 15%) | |
10% | #260d1b | rgb(38, 13, 27) | hsl(327, 50%, 10%) | |
5% | #13060d | rgb(19, 6, 13) | hsl(327, 50%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(327, 50%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
108 | 36 | 76 |
rgb(108, 36, 76)
#6c244c
#6c244c