HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#6c4f3d
rgb(108, 79, 61)
hsl(23, 28%, 33%)
Lighter / Darker:
100% | #ffffff | |
95% | #f6f1ef | |
90% | #ede4de | |
85% | #e3d6ce | |
80% | #dac9be | |
75% | #d1bbad | |
70% | #c8ae9d | |
65% | #bfa08d | |
60% | #b6927c | |
55% | #ac856c | |
50% | #a3775c | |
45% | #936b53 | |
40% | #835f49 | |
35% | #725340 | |
33% | #6c4f3d | |
30% | #624837 | |
25% | #523c2e | |
20% | #413025 | |
15% | #31241c | |
10% | #211812 | |
5% | #100c09 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #6c3d3d | rgb(108, 61, 61) | hsl(0, 28%, 33%) | |
15 | #6c483d | rgb(108, 72, 61) | hsl(15, 28%, 33%) | |
23 | #6c4f3d | rgb(108, 79, 61) | hsl(23, 28%, 33%) | |
30 | #6c543d | rgb(108, 84, 61) | hsl(30, 28%, 33%) | |
45 | #6c603d | rgb(108, 96, 61) | hsl(45, 28%, 33%) | |
60 | #6c6c3d | rgb(108, 108, 61) | hsl(60, 28%, 33%) | |
75 | #606c3d | rgb(96, 108, 61) | hsl(75, 28%, 33%) | |
90 | #546c3d | rgb(84, 108, 61) | hsl(90, 28%, 33%) | |
105 | #486c3d | rgb(72, 108, 61) | hsl(105, 28%, 33%) | |
120 | #3d6c3d | rgb(61, 108, 61) | hsl(120, 28%, 33%) | |
135 | #3d6c48 | rgb(61, 108, 72) | hsl(135, 28%, 33%) | |
150 | #3d6c54 | rgb(61, 108, 84) | hsl(150, 28%, 33%) | |
165 | #3d6c60 | rgb(61, 108, 96) | hsl(165, 28%, 33%) | |
180 | #3d6c6c | rgb(61, 108, 108) | hsl(180, 28%, 33%) | |
195 | #3d606c | rgb(61, 96, 108) | hsl(195, 28%, 33%) | |
210 | #3d546c | rgb(61, 84, 108) | hsl(210, 28%, 33%) | |
225 | #3d486c | rgb(61, 72, 108) | hsl(225, 28%, 33%) | |
240 | #3d3d6c | rgb(61, 61, 108) | hsl(240, 28%, 33%) | |
255 | #483d6c | rgb(72, 61, 108) | hsl(255, 28%, 33%) | |
270 | #543d6c | rgb(84, 61, 108) | hsl(270, 28%, 33%) | |
285 | #603d6c | rgb(96, 61, 108) | hsl(285, 28%, 33%) | |
300 | #6c3d6c | rgb(108, 61, 108) | hsl(300, 28%, 33%) | |
315 | #6c3d60 | rgb(108, 61, 96) | hsl(315, 28%, 33%) | |
330 | #6c3d54 | rgb(108, 61, 84) | hsl(330, 28%, 33%) | |
345 | #6c3d48 | rgb(108, 61, 72) | hsl(345, 28%, 33%) | |
360 | #6c3d3d | rgb(108, 61, 61) | hsl(0, 28%, 33%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #a84100 | rgb(168, 65, 0) | hsl(23, 100%, 33%) | |
95% | #a44104 | rgb(164, 65, 4) | hsl(23, 95%, 33%) | |
90% | #a04208 | rgb(160, 66, 8) | hsl(23, 90%, 33%) | |
85% | #9c430d | rgb(156, 67, 13) | hsl(23, 85%, 33%) | |
80% | #974411 | rgb(151, 68, 17) | hsl(23, 80%, 33%) | |
75% | #934515 | rgb(147, 69, 21) | hsl(23, 75%, 33%) | |
70% | #8f4619 | rgb(143, 70, 25) | hsl(23, 70%, 33%) | |
65% | #8b471d | rgb(139, 71, 29) | hsl(23, 65%, 33%) | |
60% | #874822 | rgb(135, 72, 34) | hsl(23, 60%, 33%) | |
55% | #824926 | rgb(130, 73, 38) | hsl(23, 55%, 33%) | |
50% | #7e4a2a | rgb(126, 74, 42) | hsl(23, 50%, 33%) | |
45% | #7a4b2e | rgb(122, 75, 46) | hsl(23, 45%, 33%) | |
40% | #764c32 | rgb(118, 76, 50) | hsl(23, 40%, 33%) | |
35% | #724d37 | rgb(114, 77, 55) | hsl(23, 35%, 33%) | |
30% | #6d4e3b | rgb(109, 78, 59) | hsl(23, 30%, 33%) | |
28% | #6c4f3d | rgb(108, 79, 61) | hsl(23, 28%, 33%) | |
25% | #694f3f | rgb(105, 79, 63) | hsl(23, 25%, 33%) | |
20% | #655043 | rgb(101, 80, 67) | hsl(23, 20%, 33%) | |
15% | #615148 | rgb(97, 81, 72) | hsl(23, 15%, 33%) | |
10% | #5d524c | rgb(93, 82, 76) | hsl(23, 10%, 33%) | |
5% | #585350 | rgb(88, 83, 80) | hsl(23, 5%, 33%) | |
0% | #545454 | rgb(84, 84, 84) | hsl(23, 0%, 33%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(23, 28%, 100%) | |
95% | #f6f1ef | rgb(246, 241, 239) | hsl(23, 28%, 95%) | |
90% | #ede4de | rgb(237, 228, 222) | hsl(23, 28%, 90%) | |
85% | #e3d6ce | rgb(227, 214, 206) | hsl(23, 28%, 85%) | |
80% | #dac9be | rgb(218, 201, 190) | hsl(23, 28%, 80%) | |
75% | #d1bbad | rgb(209, 187, 173) | hsl(23, 28%, 75%) | |
70% | #c8ae9d | rgb(200, 174, 157) | hsl(23, 28%, 70%) | |
65% | #bfa08d | rgb(191, 160, 141) | hsl(23, 28%, 65%) | |
60% | #b6927c | rgb(182, 146, 124) | hsl(23, 28%, 60%) | |
55% | #ac856c | rgb(172, 133, 108) | hsl(23, 28%, 55%) | |
50% | #a3775c | rgb(163, 119, 92) | hsl(23, 28%, 50%) | |
45% | #936b53 | rgb(147, 107, 83) | hsl(23, 28%, 45%) | |
40% | #835f49 | rgb(131, 95, 73) | hsl(23, 28%, 40%) | |
35% | #725340 | rgb(114, 83, 64) | hsl(23, 28%, 35%) | |
33% | #6c4f3d | rgb(108, 79, 61) | hsl(23, 28%, 33%) | |
30% | #624837 | rgb(98, 72, 55) | hsl(23, 28%, 30%) | |
25% | #523c2e | rgb(82, 60, 46) | hsl(23, 28%, 25%) | |
20% | #413025 | rgb(65, 48, 37) | hsl(23, 28%, 20%) | |
15% | #31241c | rgb(49, 36, 28) | hsl(23, 28%, 15%) | |
10% | #211812 | rgb(33, 24, 18) | hsl(23, 28%, 10%) | |
5% | #100c09 | rgb(16, 12, 9) | hsl(23, 28%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(23, 28%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
108 | 79 | 61 |
rgb(108, 79, 61)
#6c4f3d
#6c4f3d