HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#615550
rgb(97, 85, 80)
hsl(18, 10%, 35%)
Lighter / Darker:
100% | #ffffff | |
95% | #f4f2f1 | |
90% | #e8e4e3 | |
85% | #ddd7d5 | |
80% | #d1cac7 | |
75% | #c6bdb9 | |
70% | #baafab | |
65% | #afa29d | |
60% | #a3958f | |
55% | #988881 | |
50% | #8c7a73 | |
45% | #7e6e67 | |
40% | #70625c | |
35% | #615550 | |
30% | #544945 | |
25% | #463d39 | |
20% | #38312e | |
15% | #2a2522 | |
10% | #1c1817 | |
5% | #0e0c0b | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #625050 | rgb(98, 80, 80) | hsl(0, 10%, 35%) | |
15 | #625550 | rgb(98, 85, 80) | hsl(15, 10%, 35%) | |
18 | #615550 | rgb(97, 85, 80) | hsl(18, 10%, 35%) | |
30 | #625950 | rgb(98, 89, 80) | hsl(30, 10%, 35%) | |
45 | #625e50 | rgb(98, 94, 80) | hsl(45, 10%, 35%) | |
60 | #626250 | rgb(98, 98, 80) | hsl(60, 10%, 35%) | |
75 | #5e6250 | rgb(94, 98, 80) | hsl(75, 10%, 35%) | |
90 | #596250 | rgb(89, 98, 80) | hsl(90, 10%, 35%) | |
105 | #556250 | rgb(85, 98, 80) | hsl(105, 10%, 35%) | |
120 | #506250 | rgb(80, 98, 80) | hsl(120, 10%, 35%) | |
135 | #506255 | rgb(80, 98, 85) | hsl(135, 10%, 35%) | |
150 | #506259 | rgb(80, 98, 89) | hsl(150, 10%, 35%) | |
165 | #50625e | rgb(80, 98, 94) | hsl(165, 10%, 35%) | |
180 | #506262 | rgb(80, 98, 98) | hsl(180, 10%, 35%) | |
195 | #505e62 | rgb(80, 94, 98) | hsl(195, 10%, 35%) | |
210 | #505962 | rgb(80, 89, 98) | hsl(210, 10%, 35%) | |
225 | #505562 | rgb(80, 85, 98) | hsl(225, 10%, 35%) | |
240 | #505062 | rgb(80, 80, 98) | hsl(240, 10%, 35%) | |
255 | #555062 | rgb(85, 80, 98) | hsl(255, 10%, 35%) | |
270 | #595062 | rgb(89, 80, 98) | hsl(270, 10%, 35%) | |
285 | #5e5062 | rgb(94, 80, 98) | hsl(285, 10%, 35%) | |
300 | #625062 | rgb(98, 80, 98) | hsl(300, 10%, 35%) | |
315 | #62505e | rgb(98, 80, 94) | hsl(315, 10%, 35%) | |
330 | #625059 | rgb(98, 80, 89) | hsl(330, 10%, 35%) | |
345 | #625055 | rgb(98, 80, 85) | hsl(345, 10%, 35%) | |
360 | #625050 | rgb(98, 80, 80) | hsl(0, 10%, 35%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #b33600 | rgb(179, 54, 0) | hsl(18, 100%, 35%) | |
95% | #ae3704 | rgb(174, 55, 4) | hsl(18, 95%, 35%) | |
90% | #aa3909 | rgb(170, 57, 9) | hsl(18, 90%, 35%) | |
85% | #a53b0d | rgb(165, 59, 13) | hsl(18, 85%, 35%) | |
80% | #a13d12 | rgb(161, 61, 18) | hsl(18, 80%, 35%) | |
75% | #9c3e16 | rgb(156, 62, 22) | hsl(18, 75%, 35%) | |
70% | #98401b | rgb(152, 64, 27) | hsl(18, 70%, 35%) | |
65% | #93421f | rgb(147, 66, 31) | hsl(18, 65%, 35%) | |
60% | #8f4424 | rgb(143, 68, 36) | hsl(18, 60%, 35%) | |
55% | #8a4628 | rgb(138, 70, 40) | hsl(18, 55%, 35%) | |
50% | #86472d | rgb(134, 71, 45) | hsl(18, 50%, 35%) | |
45% | #814931 | rgb(129, 73, 49) | hsl(18, 45%, 35%) | |
40% | #7d4b36 | rgb(125, 75, 54) | hsl(18, 40%, 35%) | |
35% | #784d3a | rgb(120, 77, 58) | hsl(18, 35%, 35%) | |
30% | #744f3e | rgb(116, 79, 62) | hsl(18, 30%, 35%) | |
25% | #705043 | rgb(112, 80, 67) | hsl(18, 25%, 35%) | |
20% | #6b5247 | rgb(107, 82, 71) | hsl(18, 20%, 35%) | |
15% | #67544c | rgb(103, 84, 76) | hsl(18, 15%, 35%) | |
10% | #615550 | rgb(97, 85, 80) | hsl(18, 10%, 35%) | |
5% | #5e5755 | rgb(94, 87, 85) | hsl(18, 5%, 35%) | |
0% | #595959 | rgb(89, 89, 89) | hsl(18, 0%, 35%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(18, 10%, 100%) | |
95% | #f4f2f1 | rgb(244, 242, 241) | hsl(18, 10%, 95%) | |
90% | #e8e4e3 | rgb(232, 228, 227) | hsl(18, 10%, 90%) | |
85% | #ddd7d5 | rgb(221, 215, 213) | hsl(18, 10%, 85%) | |
80% | #d1cac7 | rgb(209, 202, 199) | hsl(18, 10%, 80%) | |
75% | #c6bdb9 | rgb(198, 189, 185) | hsl(18, 10%, 75%) | |
70% | #baafab | rgb(186, 175, 171) | hsl(18, 10%, 70%) | |
65% | #afa29d | rgb(175, 162, 157) | hsl(18, 10%, 65%) | |
60% | #a3958f | rgb(163, 149, 143) | hsl(18, 10%, 60%) | |
55% | #988881 | rgb(152, 136, 129) | hsl(18, 10%, 55%) | |
50% | #8c7a73 | rgb(140, 122, 115) | hsl(18, 10%, 50%) | |
45% | #7e6e67 | rgb(126, 110, 103) | hsl(18, 10%, 45%) | |
40% | #70625c | rgb(112, 98, 92) | hsl(18, 10%, 40%) | |
35% | #615550 | rgb(97, 85, 80) | hsl(18, 10%, 35%) | |
30% | #544945 | rgb(84, 73, 69) | hsl(18, 10%, 30%) | |
25% | #463d39 | rgb(70, 61, 57) | hsl(18, 10%, 25%) | |
20% | #38312e | rgb(56, 49, 46) | hsl(18, 10%, 20%) | |
15% | #2a2522 | rgb(42, 37, 34) | hsl(18, 10%, 15%) | |
10% | #1c1817 | rgb(28, 24, 23) | hsl(18, 10%, 10%) | |
5% | #0e0c0b | rgb(14, 12, 11) | hsl(18, 10%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(18, 10%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
97 | 85 | 80 |
rgb(97, 85, 80)
#615550
#615550