HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#766f57
rgb(118, 111, 87)
hsl(46, 15%, 40%)
Lighter / Darker:
100% | #ffffff | |
95% | #f4f3f0 | |
90% | #e9e8e2 | |
85% | #dedcd3 | |
80% | #d4d0c4 | |
75% | #c9c4b6 | |
70% | #beb9a7 | |
65% | #b3ad98 | |
60% | #a8a18a | |
55% | #9d957b | |
50% | #938a6c | |
45% | #847c62 | |
40% | #766f57 | |
35% | #67604c | |
30% | #585341 | |
25% | #494536 | |
20% | #3b372b | |
15% | #2c2921 | |
10% | #1d1c16 | |
5% | #0f0e0b | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #755757 | rgb(117, 87, 87) | hsl(0, 15%, 40%) | |
15 | #755e57 | rgb(117, 94, 87) | hsl(15, 15%, 40%) | |
30 | #756657 | rgb(117, 102, 87) | hsl(30, 15%, 40%) | |
45 | #756e57 | rgb(117, 110, 87) | hsl(45, 15%, 40%) | |
46 | #766f57 | rgb(118, 111, 87) | hsl(46, 15%, 40%) | |
60 | #757557 | rgb(117, 117, 87) | hsl(60, 15%, 40%) | |
75 | #6e7557 | rgb(110, 117, 87) | hsl(75, 15%, 40%) | |
90 | #667557 | rgb(102, 117, 87) | hsl(90, 15%, 40%) | |
105 | #5e7557 | rgb(94, 117, 87) | hsl(105, 15%, 40%) | |
120 | #577557 | rgb(87, 117, 87) | hsl(120, 15%, 40%) | |
135 | #57755e | rgb(87, 117, 94) | hsl(135, 15%, 40%) | |
150 | #577566 | rgb(87, 117, 102) | hsl(150, 15%, 40%) | |
165 | #57756e | rgb(87, 117, 110) | hsl(165, 15%, 40%) | |
180 | #577575 | rgb(87, 117, 117) | hsl(180, 15%, 40%) | |
195 | #576e75 | rgb(87, 110, 117) | hsl(195, 15%, 40%) | |
210 | #576675 | rgb(87, 102, 117) | hsl(210, 15%, 40%) | |
225 | #575e75 | rgb(87, 94, 117) | hsl(225, 15%, 40%) | |
240 | #575775 | rgb(87, 87, 117) | hsl(240, 15%, 40%) | |
255 | #5e5775 | rgb(94, 87, 117) | hsl(255, 15%, 40%) | |
270 | #665775 | rgb(102, 87, 117) | hsl(270, 15%, 40%) | |
285 | #6e5775 | rgb(110, 87, 117) | hsl(285, 15%, 40%) | |
300 | #755775 | rgb(117, 87, 117) | hsl(300, 15%, 40%) | |
315 | #75576e | rgb(117, 87, 110) | hsl(315, 15%, 40%) | |
330 | #755766 | rgb(117, 87, 102) | hsl(330, 15%, 40%) | |
345 | #75575e | rgb(117, 87, 94) | hsl(345, 15%, 40%) | |
360 | #755757 | rgb(117, 87, 87) | hsl(0, 15%, 40%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #cc9c00 | rgb(204, 156, 0) | hsl(46, 100%, 40%) | |
95% | #c79a05 | rgb(199, 154, 5) | hsl(46, 95%, 40%) | |
90% | #c2970a | rgb(194, 151, 10) | hsl(46, 90%, 40%) | |
85% | #bd940f | rgb(189, 148, 15) | hsl(46, 85%, 40%) | |
80% | #b89214 | rgb(184, 146, 20) | hsl(46, 80%, 40%) | |
75% | #b38f19 | rgb(179, 143, 25) | hsl(46, 75%, 40%) | |
70% | #ad8c1f | rgb(173, 140, 31) | hsl(46, 70%, 40%) | |
65% | #a88924 | rgb(168, 137, 36) | hsl(46, 65%, 40%) | |
60% | #a38729 | rgb(163, 135, 41) | hsl(46, 60%, 40%) | |
55% | #9e842e | rgb(158, 132, 46) | hsl(46, 55%, 40%) | |
50% | #998133 | rgb(153, 129, 51) | hsl(46, 50%, 40%) | |
45% | #947e38 | rgb(148, 126, 56) | hsl(46, 45%, 40%) | |
40% | #8f7c3d | rgb(143, 124, 61) | hsl(46, 40%, 40%) | |
35% | #8a7942 | rgb(138, 121, 66) | hsl(46, 35%, 40%) | |
30% | #857647 | rgb(133, 118, 71) | hsl(46, 30%, 40%) | |
25% | #80744d | rgb(128, 116, 77) | hsl(46, 25%, 40%) | |
20% | #7a7152 | rgb(122, 113, 82) | hsl(46, 20%, 40%) | |
15% | #766f57 | rgb(118, 111, 87) | hsl(46, 15%, 40%) | |
10% | #706b5c | rgb(112, 107, 92) | hsl(46, 10%, 40%) | |
5% | #6b6961 | rgb(107, 105, 97) | hsl(46, 5%, 40%) | |
0% | #666666 | rgb(102, 102, 102) | hsl(46, 0%, 40%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(46, 15%, 100%) | |
95% | #f4f3f0 | rgb(244, 243, 240) | hsl(46, 15%, 95%) | |
90% | #e9e8e2 | rgb(233, 232, 226) | hsl(46, 15%, 90%) | |
85% | #dedcd3 | rgb(222, 220, 211) | hsl(46, 15%, 85%) | |
80% | #d4d0c4 | rgb(212, 208, 196) | hsl(46, 15%, 80%) | |
75% | #c9c4b6 | rgb(201, 196, 182) | hsl(46, 15%, 75%) | |
70% | #beb9a7 | rgb(190, 185, 167) | hsl(46, 15%, 70%) | |
65% | #b3ad98 | rgb(179, 173, 152) | hsl(46, 15%, 65%) | |
60% | #a8a18a | rgb(168, 161, 138) | hsl(46, 15%, 60%) | |
55% | #9d957b | rgb(157, 149, 123) | hsl(46, 15%, 55%) | |
50% | #938a6c | rgb(147, 138, 108) | hsl(46, 15%, 50%) | |
45% | #847c62 | rgb(132, 124, 98) | hsl(46, 15%, 45%) | |
40% | #766f57 | rgb(118, 111, 87) | hsl(46, 15%, 40%) | |
35% | #67604c | rgb(103, 96, 76) | hsl(46, 15%, 35%) | |
30% | #585341 | rgb(88, 83, 65) | hsl(46, 15%, 30%) | |
25% | #494536 | rgb(73, 69, 54) | hsl(46, 15%, 25%) | |
20% | #3b372b | rgb(59, 55, 43) | hsl(46, 15%, 20%) | |
15% | #2c2921 | rgb(44, 41, 33) | hsl(46, 15%, 15%) | |
10% | #1d1c16 | rgb(29, 28, 22) | hsl(46, 15%, 10%) | |
5% | #0f0e0b | rgb(15, 14, 11) | hsl(46, 15%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(46, 15%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
118 | 111 | 87 |
rgb(118, 111, 87)
#766f57
#766f57