HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#672e3b
rgb(103, 46, 59)
hsl(346, 38%, 29%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f7edf0 | |
| 90% | #efdce0 | |
| 85% | #e7cad1 | |
| 80% | #dfb9c2 | |
| 75% | #d7a7b2 | |
| 70% | #d095a3 | |
| 65% | #c88494 | |
| 60% | #c07284 | |
| 55% | #b86175 | |
| 50% | #b04f66 | |
| 45% | #9e475b | |
| 40% | #8d3f51 | |
| 35% | #7b3747 | |
| 30% | #6a2f3d | |
| 29% | #672e3b | |
| 25% | #582833 | |
| 20% | #462029 | |
| 15% | #35181e | |
| 10% | #231014 | |
| 5% | #12080a | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #662e2e | rgb(102, 46, 46) | hsl(0, 38%, 29%) | |
| 15 | #663c2e | rgb(102, 60, 46) | hsl(15, 38%, 29%) | |
| 30 | #664a2e | rgb(102, 74, 46) | hsl(30, 38%, 29%) | |
| 45 | #66582e | rgb(102, 88, 46) | hsl(45, 38%, 29%) | |
| 60 | #66662e | rgb(102, 102, 46) | hsl(60, 38%, 29%) | |
| 75 | #58662e | rgb(88, 102, 46) | hsl(75, 38%, 29%) | |
| 90 | #4a662e | rgb(74, 102, 46) | hsl(90, 38%, 29%) | |
| 105 | #3c662e | rgb(60, 102, 46) | hsl(105, 38%, 29%) | |
| 120 | #2e662e | rgb(46, 102, 46) | hsl(120, 38%, 29%) | |
| 135 | #2e663c | rgb(46, 102, 60) | hsl(135, 38%, 29%) | |
| 150 | #2e664a | rgb(46, 102, 74) | hsl(150, 38%, 29%) | |
| 165 | #2e6658 | rgb(46, 102, 88) | hsl(165, 38%, 29%) | |
| 180 | #2e6666 | rgb(46, 102, 102) | hsl(180, 38%, 29%) | |
| 195 | #2e5866 | rgb(46, 88, 102) | hsl(195, 38%, 29%) | |
| 210 | #2e4a66 | rgb(46, 74, 102) | hsl(210, 38%, 29%) | |
| 225 | #2e3c66 | rgb(46, 60, 102) | hsl(225, 38%, 29%) | |
| 240 | #2e2e66 | rgb(46, 46, 102) | hsl(240, 38%, 29%) | |
| 255 | #3c2e66 | rgb(60, 46, 102) | hsl(255, 38%, 29%) | |
| 270 | #4a2e66 | rgb(74, 46, 102) | hsl(270, 38%, 29%) | |
| 285 | #582e66 | rgb(88, 46, 102) | hsl(285, 38%, 29%) | |
| 300 | #662e66 | rgb(102, 46, 102) | hsl(300, 38%, 29%) | |
| 315 | #662e58 | rgb(102, 46, 88) | hsl(315, 38%, 29%) | |
| 330 | #662e4a | rgb(102, 46, 74) | hsl(330, 38%, 29%) | |
| 345 | #662e3c | rgb(102, 46, 60) | hsl(345, 38%, 29%) | |
| 346 | #672e3b | rgb(103, 46, 59) | hsl(346, 38%, 29%) | |
| 360 | #662e2e | rgb(102, 46, 46) | hsl(0, 38%, 29%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #940023 | rgb(148, 0, 35) | hsl(346, 100%, 29%) | |
| 95% | #900424 | rgb(144, 4, 36) | hsl(346, 95%, 29%) | |
| 90% | #8d0726 | rgb(141, 7, 38) | hsl(346, 90%, 29%) | |
| 85% | #890b28 | rgb(137, 11, 40) | hsl(346, 85%, 29%) | |
| 80% | #850f2a | rgb(133, 15, 42) | hsl(346, 80%, 29%) | |
| 75% | #81122c | rgb(129, 18, 44) | hsl(346, 75%, 29%) | |
| 70% | #7e162e | rgb(126, 22, 46) | hsl(346, 70%, 29%) | |
| 65% | #7a1a30 | rgb(122, 26, 48) | hsl(346, 65%, 29%) | |
| 60% | #761e32 | rgb(118, 30, 50) | hsl(346, 60%, 29%) | |
| 55% | #732134 | rgb(115, 33, 52) | hsl(346, 55%, 29%) | |
| 50% | #6f2536 | rgb(111, 37, 54) | hsl(346, 50%, 29%) | |
| 45% | #6b2938 | rgb(107, 41, 56) | hsl(346, 45%, 29%) | |
| 40% | #682c3a | rgb(104, 44, 58) | hsl(346, 40%, 29%) | |
| 38% | #672e3b | rgb(103, 46, 59) | hsl(346, 38%, 29%) | |
| 35% | #64303c | rgb(100, 48, 60) | hsl(346, 35%, 29%) | |
| 30% | #60343e | rgb(96, 52, 62) | hsl(346, 30%, 29%) | |
| 25% | #5c3740 | rgb(92, 55, 64) | hsl(346, 25%, 29%) | |
| 20% | #593b42 | rgb(89, 59, 66) | hsl(346, 20%, 29%) | |
| 15% | #553f44 | rgb(85, 63, 68) | hsl(346, 15%, 29%) | |
| 10% | #514346 | rgb(81, 67, 70) | hsl(346, 10%, 29%) | |
| 5% | #4e4648 | rgb(78, 70, 72) | hsl(346, 5%, 29%) | |
| 0% | #4a4a4a | rgb(74, 74, 74) | hsl(346, 0%, 29%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(346, 38%, 100%) | |
| 95% | #f7edf0 | rgb(247, 237, 240) | hsl(346, 38%, 95%) | |
| 90% | #efdce0 | rgb(239, 220, 224) | hsl(346, 38%, 90%) | |
| 85% | #e7cad1 | rgb(231, 202, 209) | hsl(346, 38%, 85%) | |
| 80% | #dfb9c2 | rgb(223, 185, 194) | hsl(346, 38%, 80%) | |
| 75% | #d7a7b2 | rgb(215, 167, 178) | hsl(346, 38%, 75%) | |
| 70% | #d095a3 | rgb(208, 149, 163) | hsl(346, 38%, 70%) | |
| 65% | #c88494 | rgb(200, 132, 148) | hsl(346, 38%, 65%) | |
| 60% | #c07284 | rgb(192, 114, 132) | hsl(346, 38%, 60%) | |
| 55% | #b86175 | rgb(184, 97, 117) | hsl(346, 38%, 55%) | |
| 50% | #b04f66 | rgb(176, 79, 102) | hsl(346, 38%, 50%) | |
| 45% | #9e475b | rgb(158, 71, 91) | hsl(346, 38%, 45%) | |
| 40% | #8d3f51 | rgb(141, 63, 81) | hsl(346, 38%, 40%) | |
| 35% | #7b3747 | rgb(123, 55, 71) | hsl(346, 38%, 35%) | |
| 30% | #6a2f3d | rgb(106, 47, 61) | hsl(346, 38%, 30%) | |
| 29% | #672e3b | rgb(103, 46, 59) | hsl(346, 38%, 29%) | |
| 25% | #582833 | rgb(88, 40, 51) | hsl(346, 38%, 25%) | |
| 20% | #462029 | rgb(70, 32, 41) | hsl(346, 38%, 20%) | |
| 15% | #35181e | rgb(53, 24, 30) | hsl(346, 38%, 15%) | |
| 10% | #231014 | rgb(35, 16, 20) | hsl(346, 38%, 10%) | |
| 5% | #12080a | rgb(18, 8, 10) | hsl(346, 38%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(346, 38%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 103 | 46 | 59 |
rgb(103, 46, 59)
#672e3b
#672e3b
