HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#6a2e2a
rgb(106, 46, 42)
hsl(4, 43%, 29%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f8eded | |
| 90% | #f0dcdb | |
| 85% | #e9cac8 | |
| 80% | #e2b9b6 | |
| 75% | #dba7a4 | |
| 70% | #d39692 | |
| 65% | #cc847f | |
| 60% | #c5736d | |
| 55% | #be615b | |
| 50% | #b65049 | |
| 45% | #a44841 | |
| 40% | #92403a | |
| 35% | #803833 | |
| 30% | #6d302c | |
| 29% | #6a2e2a | |
| 25% | #5b2824 | |
| 20% | #49201d | |
| 15% | #371816 | |
| 10% | #24100f | |
| 5% | #120807 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #6a2a2a | rgb(106, 42, 42) | hsl(0, 43%, 29%) | |
| 4 | #6a2e2a | rgb(106, 46, 42) | hsl(4, 43%, 29%) | |
| 15 | #6a3a2a | rgb(106, 58, 42) | hsl(15, 43%, 29%) | |
| 30 | #6a4a2a | rgb(106, 74, 42) | hsl(30, 43%, 29%) | |
| 45 | #6a5a2a | rgb(106, 90, 42) | hsl(45, 43%, 29%) | |
| 60 | #6a6a2a | rgb(106, 106, 42) | hsl(60, 43%, 29%) | |
| 75 | #5a6a2a | rgb(90, 106, 42) | hsl(75, 43%, 29%) | |
| 90 | #4a6a2a | rgb(74, 106, 42) | hsl(90, 43%, 29%) | |
| 105 | #3a6a2a | rgb(58, 106, 42) | hsl(105, 43%, 29%) | |
| 120 | #2a6a2a | rgb(42, 106, 42) | hsl(120, 43%, 29%) | |
| 135 | #2a6a3a | rgb(42, 106, 58) | hsl(135, 43%, 29%) | |
| 150 | #2a6a4a | rgb(42, 106, 74) | hsl(150, 43%, 29%) | |
| 165 | #2a6a5a | rgb(42, 106, 90) | hsl(165, 43%, 29%) | |
| 180 | #2a6a6a | rgb(42, 106, 106) | hsl(180, 43%, 29%) | |
| 195 | #2a5a6a | rgb(42, 90, 106) | hsl(195, 43%, 29%) | |
| 210 | #2a4a6a | rgb(42, 74, 106) | hsl(210, 43%, 29%) | |
| 225 | #2a3a6a | rgb(42, 58, 106) | hsl(225, 43%, 29%) | |
| 240 | #2a2a6a | rgb(42, 42, 106) | hsl(240, 43%, 29%) | |
| 255 | #3a2a6a | rgb(58, 42, 106) | hsl(255, 43%, 29%) | |
| 270 | #4a2a6a | rgb(74, 42, 106) | hsl(270, 43%, 29%) | |
| 285 | #5a2a6a | rgb(90, 42, 106) | hsl(285, 43%, 29%) | |
| 300 | #6a2a6a | rgb(106, 42, 106) | hsl(300, 43%, 29%) | |
| 315 | #6a2a5a | rgb(106, 42, 90) | hsl(315, 43%, 29%) | |
| 330 | #6a2a4a | rgb(106, 42, 74) | hsl(330, 43%, 29%) | |
| 345 | #6a2a3a | rgb(106, 42, 58) | hsl(345, 43%, 29%) | |
| 360 | #6a2a2a | rgb(106, 42, 42) | hsl(0, 43%, 29%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #940a00 | rgb(148, 10, 0) | hsl(4, 100%, 29%) | |
| 95% | #900d04 | rgb(144, 13, 4) | hsl(4, 95%, 29%) | |
| 90% | #8d1007 | rgb(141, 16, 7) | hsl(4, 90%, 29%) | |
| 85% | #89130b | rgb(137, 19, 11) | hsl(4, 85%, 29%) | |
| 80% | #85170f | rgb(133, 23, 15) | hsl(4, 80%, 29%) | |
| 75% | #811a12 | rgb(129, 26, 18) | hsl(4, 75%, 29%) | |
| 70% | #7e1d16 | rgb(126, 29, 22) | hsl(4, 70%, 29%) | |
| 65% | #7a201a | rgb(122, 32, 26) | hsl(4, 65%, 29%) | |
| 60% | #76231e | rgb(118, 35, 30) | hsl(4, 60%, 29%) | |
| 55% | #732721 | rgb(115, 39, 33) | hsl(4, 55%, 29%) | |
| 50% | #6f2a25 | rgb(111, 42, 37) | hsl(4, 50%, 29%) | |
| 45% | #6b2d29 | rgb(107, 45, 41) | hsl(4, 45%, 29%) | |
| 43% | #6a2e2a | rgb(106, 46, 42) | hsl(4, 43%, 29%) | |
| 40% | #68302c | rgb(104, 48, 44) | hsl(4, 40%, 29%) | |
| 35% | #643430 | rgb(100, 52, 48) | hsl(4, 35%, 29%) | |
| 30% | #603734 | rgb(96, 55, 52) | hsl(4, 30%, 29%) | |
| 25% | #5c3a37 | rgb(92, 58, 55) | hsl(4, 25%, 29%) | |
| 20% | #593d3b | rgb(89, 61, 59) | hsl(4, 20%, 29%) | |
| 15% | #55403f | rgb(85, 64, 63) | hsl(4, 15%, 29%) | |
| 10% | #514443 | rgb(81, 68, 67) | hsl(4, 10%, 29%) | |
| 5% | #4e4746 | rgb(78, 71, 70) | hsl(4, 5%, 29%) | |
| 0% | #4a4a4a | rgb(74, 74, 74) | hsl(4, 0%, 29%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(4, 43%, 100%) | |
| 95% | #f8eded | rgb(248, 237, 237) | hsl(4, 43%, 95%) | |
| 90% | #f0dcdb | rgb(240, 220, 219) | hsl(4, 43%, 90%) | |
| 85% | #e9cac8 | rgb(233, 202, 200) | hsl(4, 43%, 85%) | |
| 80% | #e2b9b6 | rgb(226, 185, 182) | hsl(4, 43%, 80%) | |
| 75% | #dba7a4 | rgb(219, 167, 164) | hsl(4, 43%, 75%) | |
| 70% | #d39692 | rgb(211, 150, 146) | hsl(4, 43%, 70%) | |
| 65% | #cc847f | rgb(204, 132, 127) | hsl(4, 43%, 65%) | |
| 60% | #c5736d | rgb(197, 115, 109) | hsl(4, 43%, 60%) | |
| 55% | #be615b | rgb(190, 97, 91) | hsl(4, 43%, 55%) | |
| 50% | #b65049 | rgb(182, 80, 73) | hsl(4, 43%, 50%) | |
| 45% | #a44841 | rgb(164, 72, 65) | hsl(4, 43%, 45%) | |
| 40% | #92403a | rgb(146, 64, 58) | hsl(4, 43%, 40%) | |
| 35% | #803833 | rgb(128, 56, 51) | hsl(4, 43%, 35%) | |
| 30% | #6d302c | rgb(109, 48, 44) | hsl(4, 43%, 30%) | |
| 29% | #6a2e2a | rgb(106, 46, 42) | hsl(4, 43%, 29%) | |
| 25% | #5b2824 | rgb(91, 40, 36) | hsl(4, 43%, 25%) | |
| 20% | #49201d | rgb(73, 32, 29) | hsl(4, 43%, 20%) | |
| 15% | #371816 | rgb(55, 24, 22) | hsl(4, 43%, 15%) | |
| 10% | #24100f | rgb(36, 16, 15) | hsl(4, 43%, 10%) | |
| 5% | #120807 | rgb(18, 8, 7) | hsl(4, 43%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(4, 43%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 106 | 46 | 42 |
rgb(106, 46, 42)
#6a2e2a
#6a2e2a
