HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#7f4145
rgb(127, 65, 69)
hsl(356, 32%, 38%)
Lighter / Darker:
100% | #ffffff | |
95% | #f6eeef | |
90% | #eeddde | |
85% | #e5cdce | |
80% | #dcbcbe | |
75% | #d4abae | |
70% | #cb9a9d | |
65% | #c2898d | |
60% | #ba787d | |
55% | #b1686c | |
50% | #a8575c | |
45% | #974e53 | |
40% | #87454a | |
38% | #7f4145 | |
35% | #763d40 | |
30% | #653437 | |
25% | #542b2e | |
20% | #432325 | |
15% | #321a1c | |
10% | #221112 | |
5% | #110909 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #804242 | rgb(128, 66, 66) | hsl(0, 32%, 38%) | |
15 | #805142 | rgb(128, 81, 66) | hsl(15, 32%, 38%) | |
30 | #806142 | rgb(128, 97, 66) | hsl(30, 32%, 38%) | |
45 | #807042 | rgb(128, 112, 66) | hsl(45, 32%, 38%) | |
60 | #808042 | rgb(128, 128, 66) | hsl(60, 32%, 38%) | |
75 | #708042 | rgb(112, 128, 66) | hsl(75, 32%, 38%) | |
90 | #618042 | rgb(97, 128, 66) | hsl(90, 32%, 38%) | |
105 | #518042 | rgb(81, 128, 66) | hsl(105, 32%, 38%) | |
120 | #428042 | rgb(66, 128, 66) | hsl(120, 32%, 38%) | |
135 | #428051 | rgb(66, 128, 81) | hsl(135, 32%, 38%) | |
150 | #428061 | rgb(66, 128, 97) | hsl(150, 32%, 38%) | |
165 | #428070 | rgb(66, 128, 112) | hsl(165, 32%, 38%) | |
180 | #428080 | rgb(66, 128, 128) | hsl(180, 32%, 38%) | |
195 | #427080 | rgb(66, 112, 128) | hsl(195, 32%, 38%) | |
210 | #426180 | rgb(66, 97, 128) | hsl(210, 32%, 38%) | |
225 | #425180 | rgb(66, 81, 128) | hsl(225, 32%, 38%) | |
240 | #424280 | rgb(66, 66, 128) | hsl(240, 32%, 38%) | |
255 | #514280 | rgb(81, 66, 128) | hsl(255, 32%, 38%) | |
270 | #614280 | rgb(97, 66, 128) | hsl(270, 32%, 38%) | |
285 | #704280 | rgb(112, 66, 128) | hsl(285, 32%, 38%) | |
300 | #804280 | rgb(128, 66, 128) | hsl(300, 32%, 38%) | |
315 | #804270 | rgb(128, 66, 112) | hsl(315, 32%, 38%) | |
330 | #804261 | rgb(128, 66, 97) | hsl(330, 32%, 38%) | |
345 | #804251 | rgb(128, 66, 81) | hsl(345, 32%, 38%) | |
356 | #7f4145 | rgb(127, 65, 69) | hsl(356, 32%, 38%) | |
360 | #804242 | rgb(128, 66, 66) | hsl(0, 32%, 38%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #c2000d | rgb(194, 0, 13) | hsl(356, 100%, 38%) | |
95% | #bd0511 | rgb(189, 5, 17) | hsl(356, 95%, 38%) | |
90% | #b80a15 | rgb(184, 10, 21) | hsl(356, 90%, 38%) | |
85% | #b30f1a | rgb(179, 15, 26) | hsl(356, 85%, 38%) | |
80% | #ae131e | rgb(174, 19, 30) | hsl(356, 80%, 38%) | |
75% | #aa1822 | rgb(170, 24, 34) | hsl(356, 75%, 38%) | |
70% | #a51d26 | rgb(165, 29, 38) | hsl(356, 70%, 38%) | |
65% | #a0222a | rgb(160, 34, 42) | hsl(356, 65%, 38%) | |
60% | #9b272f | rgb(155, 39, 47) | hsl(356, 60%, 38%) | |
55% | #962c33 | rgb(150, 44, 51) | hsl(356, 55%, 38%) | |
50% | #913037 | rgb(145, 48, 55) | hsl(356, 50%, 38%) | |
45% | #8d353b | rgb(141, 53, 59) | hsl(356, 45%, 38%) | |
40% | #883a3f | rgb(136, 58, 63) | hsl(356, 40%, 38%) | |
35% | #833f44 | rgb(131, 63, 68) | hsl(356, 35%, 38%) | |
32% | #7f4145 | rgb(127, 65, 69) | hsl(356, 32%, 38%) | |
30% | #7e4448 | rgb(126, 68, 72) | hsl(356, 30%, 38%) | |
25% | #79494c | rgb(121, 73, 76) | hsl(356, 25%, 38%) | |
20% | #744e50 | rgb(116, 78, 80) | hsl(356, 20%, 38%) | |
15% | #6f5254 | rgb(111, 82, 84) | hsl(356, 15%, 38%) | |
10% | #6b5759 | rgb(107, 87, 89) | hsl(356, 10%, 38%) | |
5% | #665c5d | rgb(102, 92, 93) | hsl(356, 5%, 38%) | |
0% | #616161 | rgb(97, 97, 97) | hsl(356, 0%, 38%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(356, 32%, 100%) | |
95% | #f6eeef | rgb(246, 238, 239) | hsl(356, 32%, 95%) | |
90% | #eeddde | rgb(238, 221, 222) | hsl(356, 32%, 90%) | |
85% | #e5cdce | rgb(229, 205, 206) | hsl(356, 32%, 85%) | |
80% | #dcbcbe | rgb(220, 188, 190) | hsl(356, 32%, 80%) | |
75% | #d4abae | rgb(212, 171, 174) | hsl(356, 32%, 75%) | |
70% | #cb9a9d | rgb(203, 154, 157) | hsl(356, 32%, 70%) | |
65% | #c2898d | rgb(194, 137, 141) | hsl(356, 32%, 65%) | |
60% | #ba787d | rgb(186, 120, 125) | hsl(356, 32%, 60%) | |
55% | #b1686c | rgb(177, 104, 108) | hsl(356, 32%, 55%) | |
50% | #a8575c | rgb(168, 87, 92) | hsl(356, 32%, 50%) | |
45% | #974e53 | rgb(151, 78, 83) | hsl(356, 32%, 45%) | |
40% | #87454a | rgb(135, 69, 74) | hsl(356, 32%, 40%) | |
38% | #7f4145 | rgb(127, 65, 69) | hsl(356, 32%, 38%) | |
35% | #763d40 | rgb(118, 61, 64) | hsl(356, 32%, 35%) | |
30% | #653437 | rgb(101, 52, 55) | hsl(356, 32%, 30%) | |
25% | #542b2e | rgb(84, 43, 46) | hsl(356, 32%, 25%) | |
20% | #432325 | rgb(67, 35, 37) | hsl(356, 32%, 20%) | |
15% | #321a1c | rgb(50, 26, 28) | hsl(356, 32%, 15%) | |
10% | #221112 | rgb(34, 17, 18) | hsl(356, 32%, 10%) | |
5% | #110909 | rgb(17, 9, 9) | hsl(356, 32%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(356, 32%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
127 | 65 | 69 |
rgb(127, 65, 69)
#7f4145
#7f4145