HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#5a3e36
rgb(90, 62, 54)
hsl(13, 25%, 28%)
Lighter / Darker:
100% | #ffffff | |
95% | #f5f0ef | |
90% | #ece2df | |
85% | #e2d3cf | |
80% | #d9c5bf | |
75% | #cfb6af | |
70% | #c6a89f | |
65% | #bc998f | |
60% | #b38b80 | |
55% | #a97c70 | |
50% | #9f6d60 | |
45% | #8f6256 | |
40% | #80584d | |
35% | #704d43 | |
30% | #604239 | |
28% | #5a3e36 | |
25% | #503730 | |
20% | #402c26 | |
15% | #30211d | |
10% | #201613 | |
5% | #100b0a | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #593636 | rgb(89, 54, 54) | hsl(0, 25%, 28%) | |
13 | #5a3e36 | rgb(90, 62, 54) | hsl(13, 25%, 28%) | |
15 | #593e36 | rgb(89, 62, 54) | hsl(15, 25%, 28%) | |
30 | #594736 | rgb(89, 71, 54) | hsl(30, 25%, 28%) | |
45 | #595036 | rgb(89, 80, 54) | hsl(45, 25%, 28%) | |
60 | #595936 | rgb(89, 89, 54) | hsl(60, 25%, 28%) | |
75 | #505936 | rgb(80, 89, 54) | hsl(75, 25%, 28%) | |
90 | #475936 | rgb(71, 89, 54) | hsl(90, 25%, 28%) | |
105 | #3e5936 | rgb(62, 89, 54) | hsl(105, 25%, 28%) | |
120 | #365936 | rgb(54, 89, 54) | hsl(120, 25%, 28%) | |
135 | #36593e | rgb(54, 89, 62) | hsl(135, 25%, 28%) | |
150 | #365947 | rgb(54, 89, 71) | hsl(150, 25%, 28%) | |
165 | #365950 | rgb(54, 89, 80) | hsl(165, 25%, 28%) | |
180 | #365959 | rgb(54, 89, 89) | hsl(180, 25%, 28%) | |
195 | #365059 | rgb(54, 80, 89) | hsl(195, 25%, 28%) | |
210 | #364759 | rgb(54, 71, 89) | hsl(210, 25%, 28%) | |
225 | #363e59 | rgb(54, 62, 89) | hsl(225, 25%, 28%) | |
240 | #363659 | rgb(54, 54, 89) | hsl(240, 25%, 28%) | |
255 | #3e3659 | rgb(62, 54, 89) | hsl(255, 25%, 28%) | |
270 | #473659 | rgb(71, 54, 89) | hsl(270, 25%, 28%) | |
285 | #503659 | rgb(80, 54, 89) | hsl(285, 25%, 28%) | |
300 | #593659 | rgb(89, 54, 89) | hsl(300, 25%, 28%) | |
315 | #593650 | rgb(89, 54, 80) | hsl(315, 25%, 28%) | |
330 | #593647 | rgb(89, 54, 71) | hsl(330, 25%, 28%) | |
345 | #59363e | rgb(89, 54, 62) | hsl(345, 25%, 28%) | |
360 | #593636 | rgb(89, 54, 54) | hsl(0, 25%, 28%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #8f1f00 | rgb(143, 31, 0) | hsl(13, 100%, 28%) | |
95% | #8b2104 | rgb(139, 33, 4) | hsl(13, 95%, 28%) | |
90% | #882307 | rgb(136, 35, 7) | hsl(13, 90%, 28%) | |
85% | #84250b | rgb(132, 37, 11) | hsl(13, 85%, 28%) | |
80% | #81270e | rgb(129, 39, 14) | hsl(13, 80%, 28%) | |
75% | #7d2912 | rgb(125, 41, 18) | hsl(13, 75%, 28%) | |
70% | #792b15 | rgb(121, 43, 21) | hsl(13, 70%, 28%) | |
65% | #762d19 | rgb(118, 45, 25) | hsl(13, 65%, 28%) | |
60% | #722f1d | rgb(114, 47, 29) | hsl(13, 60%, 28%) | |
55% | #6f3120 | rgb(111, 49, 32) | hsl(13, 55%, 28%) | |
50% | #6b3324 | rgb(107, 51, 36) | hsl(13, 50%, 28%) | |
45% | #683527 | rgb(104, 53, 39) | hsl(13, 45%, 28%) | |
40% | #64372b | rgb(100, 55, 43) | hsl(13, 40%, 28%) | |
35% | #60392e | rgb(96, 57, 46) | hsl(13, 35%, 28%) | |
30% | #5d3b32 | rgb(93, 59, 50) | hsl(13, 30%, 28%) | |
25% | #5a3e36 | rgb(90, 62, 54) | hsl(13, 25%, 28%) | |
20% | #563f39 | rgb(86, 63, 57) | hsl(13, 20%, 28%) | |
15% | #52413d | rgb(82, 65, 61) | hsl(13, 15%, 28%) | |
10% | #4f4340 | rgb(79, 67, 64) | hsl(13, 10%, 28%) | |
5% | #4b4544 | rgb(75, 69, 68) | hsl(13, 5%, 28%) | |
0% | #474747 | rgb(71, 71, 71) | hsl(13, 0%, 28%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(13, 25%, 100%) | |
95% | #f5f0ef | rgb(245, 240, 239) | hsl(13, 25%, 95%) | |
90% | #ece2df | rgb(236, 226, 223) | hsl(13, 25%, 90%) | |
85% | #e2d3cf | rgb(226, 211, 207) | hsl(13, 25%, 85%) | |
80% | #d9c5bf | rgb(217, 197, 191) | hsl(13, 25%, 80%) | |
75% | #cfb6af | rgb(207, 182, 175) | hsl(13, 25%, 75%) | |
70% | #c6a89f | rgb(198, 168, 159) | hsl(13, 25%, 70%) | |
65% | #bc998f | rgb(188, 153, 143) | hsl(13, 25%, 65%) | |
60% | #b38b80 | rgb(179, 139, 128) | hsl(13, 25%, 60%) | |
55% | #a97c70 | rgb(169, 124, 112) | hsl(13, 25%, 55%) | |
50% | #9f6d60 | rgb(159, 109, 96) | hsl(13, 25%, 50%) | |
45% | #8f6256 | rgb(143, 98, 86) | hsl(13, 25%, 45%) | |
40% | #80584d | rgb(128, 88, 77) | hsl(13, 25%, 40%) | |
35% | #704d43 | rgb(112, 77, 67) | hsl(13, 25%, 35%) | |
30% | #604239 | rgb(96, 66, 57) | hsl(13, 25%, 30%) | |
28% | #5a3e36 | rgb(90, 62, 54) | hsl(13, 25%, 28%) | |
25% | #503730 | rgb(80, 55, 48) | hsl(13, 25%, 25%) | |
20% | #402c26 | rgb(64, 44, 38) | hsl(13, 25%, 20%) | |
15% | #30211d | rgb(48, 33, 29) | hsl(13, 25%, 15%) | |
10% | #201613 | rgb(32, 22, 19) | hsl(13, 25%, 10%) | |
5% | #100b0a | rgb(16, 11, 10) | hsl(13, 25%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(13, 25%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
90 | 62 | 54 |
rgb(90, 62, 54)
#5a3e36
#5a3e36