HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#ad5d5d
rgb(173, 93, 93)
hsl(0, 33%, 52%)
Lighter / Darker:
100% | #ffffff | |
95% | #f6eeee | |
90% | #eedddd | |
85% | #e5cccc | |
80% | #ddbbbb | |
75% | #d4aaaa | |
70% | #cc9999 | |
65% | #c38888 | |
60% | #bb7777 | |
55% | #b26666 | |
52% | #ad5d5d | |
50% | #aa5555 | |
45% | #994d4d | |
40% | #884444 | |
35% | #773c3c | |
30% | #663333 | |
25% | #552b2b | |
20% | #442222 | |
15% | #331a1a | |
10% | #221111 | |
5% | #110909 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #ad5d5d | rgb(173, 93, 93) | hsl(0, 33%, 52%) | |
15 | #ad705c | rgb(173, 112, 92) | hsl(15, 33%, 52%) | |
30 | #ad855c | rgb(173, 133, 92) | hsl(30, 33%, 52%) | |
45 | #ad995c | rgb(173, 153, 92) | hsl(45, 33%, 52%) | |
60 | #adad5c | rgb(173, 173, 92) | hsl(60, 33%, 52%) | |
75 | #99ad5c | rgb(153, 173, 92) | hsl(75, 33%, 52%) | |
90 | #85ad5c | rgb(133, 173, 92) | hsl(90, 33%, 52%) | |
105 | #70ad5c | rgb(112, 173, 92) | hsl(105, 33%, 52%) | |
120 | #5cad5c | rgb(92, 173, 92) | hsl(120, 33%, 52%) | |
135 | #5cad70 | rgb(92, 173, 112) | hsl(135, 33%, 52%) | |
150 | #5cad85 | rgb(92, 173, 133) | hsl(150, 33%, 52%) | |
165 | #5cad99 | rgb(92, 173, 153) | hsl(165, 33%, 52%) | |
180 | #5cadad | rgb(92, 173, 173) | hsl(180, 33%, 52%) | |
195 | #5c99ad | rgb(92, 153, 173) | hsl(195, 33%, 52%) | |
210 | #5c85ad | rgb(92, 133, 173) | hsl(210, 33%, 52%) | |
225 | #5c70ad | rgb(92, 112, 173) | hsl(225, 33%, 52%) | |
240 | #5c5cad | rgb(92, 92, 173) | hsl(240, 33%, 52%) | |
255 | #705cad | rgb(112, 92, 173) | hsl(255, 33%, 52%) | |
270 | #855cad | rgb(133, 92, 173) | hsl(270, 33%, 52%) | |
285 | #995cad | rgb(153, 92, 173) | hsl(285, 33%, 52%) | |
300 | #ad5cad | rgb(173, 92, 173) | hsl(300, 33%, 52%) | |
315 | #ad5c99 | rgb(173, 92, 153) | hsl(315, 33%, 52%) | |
330 | #ad5c85 | rgb(173, 92, 133) | hsl(330, 33%, 52%) | |
345 | #ad5c70 | rgb(173, 92, 112) | hsl(345, 33%, 52%) | |
360 | #ad5c5c | rgb(173, 92, 92) | hsl(0, 33%, 52%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ff0a0a | rgb(255, 10, 10) | hsl(0, 100%, 52%) | |
95% | #f91010 | rgb(249, 16, 16) | hsl(0, 95%, 52%) | |
90% | #f31616 | rgb(243, 22, 22) | hsl(0, 90%, 52%) | |
85% | #ed1d1d | rgb(237, 29, 29) | hsl(0, 85%, 52%) | |
80% | #e72323 | rgb(231, 35, 35) | hsl(0, 80%, 52%) | |
75% | #e02929 | rgb(224, 41, 41) | hsl(0, 75%, 52%) | |
70% | #da2f2f | rgb(218, 47, 47) | hsl(0, 70%, 52%) | |
65% | #d43535 | rgb(212, 53, 53) | hsl(0, 65%, 52%) | |
60% | #ce3b3b | rgb(206, 59, 59) | hsl(0, 60%, 52%) | |
55% | #c84141 | rgb(200, 65, 65) | hsl(0, 55%, 52%) | |
50% | #c24747 | rgb(194, 71, 71) | hsl(0, 50%, 52%) | |
45% | #bc4e4e | rgb(188, 78, 78) | hsl(0, 45%, 52%) | |
40% | #b65454 | rgb(182, 84, 84) | hsl(0, 40%, 52%) | |
35% | #af5a5a | rgb(175, 90, 90) | hsl(0, 35%, 52%) | |
33% | #ad5d5d | rgb(173, 93, 93) | hsl(0, 33%, 52%) | |
30% | #a96060 | rgb(169, 96, 96) | hsl(0, 30%, 52%) | |
25% | #a36666 | rgb(163, 102, 102) | hsl(0, 25%, 52%) | |
20% | #9d6c6c | rgb(157, 108, 108) | hsl(0, 20%, 52%) | |
15% | #977272 | rgb(151, 114, 114) | hsl(0, 15%, 52%) | |
10% | #917878 | rgb(145, 120, 120) | hsl(0, 10%, 52%) | |
5% | #8b7e7e | rgb(139, 126, 126) | hsl(0, 5%, 52%) | |
0% | #858585 | rgb(133, 133, 133) | hsl(0, 0%, 52%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(0, 33%, 100%) | |
95% | #f6eeee | rgb(246, 238, 238) | hsl(0, 33%, 95%) | |
90% | #eedddd | rgb(238, 221, 221) | hsl(0, 33%, 90%) | |
85% | #e5cccc | rgb(229, 204, 204) | hsl(0, 33%, 85%) | |
80% | #ddbbbb | rgb(221, 187, 187) | hsl(0, 33%, 80%) | |
75% | #d4aaaa | rgb(212, 170, 170) | hsl(0, 33%, 75%) | |
70% | #cc9999 | rgb(204, 153, 153) | hsl(0, 33%, 70%) | |
65% | #c38888 | rgb(195, 136, 136) | hsl(0, 33%, 65%) | |
60% | #bb7777 | rgb(187, 119, 119) | hsl(0, 33%, 60%) | |
55% | #b26666 | rgb(178, 102, 102) | hsl(0, 33%, 55%) | |
52% | #ad5d5d | rgb(173, 93, 93) | hsl(0, 33%, 52%) | |
50% | #aa5555 | rgb(170, 85, 85) | hsl(0, 33%, 50%) | |
45% | #994d4d | rgb(153, 77, 77) | hsl(0, 33%, 45%) | |
40% | #884444 | rgb(136, 68, 68) | hsl(0, 33%, 40%) | |
35% | #773c3c | rgb(119, 60, 60) | hsl(0, 33%, 35%) | |
30% | #663333 | rgb(102, 51, 51) | hsl(0, 33%, 30%) | |
25% | #552b2b | rgb(85, 43, 43) | hsl(0, 33%, 25%) | |
20% | #442222 | rgb(68, 34, 34) | hsl(0, 33%, 20%) | |
15% | #331a1a | rgb(51, 26, 26) | hsl(0, 33%, 15%) | |
10% | #221111 | rgb(34, 17, 17) | hsl(0, 33%, 10%) | |
5% | #110909 | rgb(17, 9, 9) | hsl(0, 33%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(0, 33%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
173 | 93 | 93 |
rgb(173, 93, 93)
#ad5d5d
#ad5d5d