HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#51354a
rgb(81, 53, 74)
hsl(315, 21%, 26%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f5f0f4 | |
| 90% | #ebe0e8 | |
| 85% | #e1d1dd | |
| 80% | #d7c1d1 | |
| 75% | #cdb2c6 | |
| 70% | #c3a2bb | |
| 65% | #b893af | |
| 60% | #ae84a4 | |
| 55% | #a47498 | |
| 50% | #9a658d | |
| 45% | #8b5b7f | |
| 40% | #7b5171 | |
| 35% | #6c4763 | |
| 30% | #5d3c55 | |
| 26% | #51354a | |
| 25% | #4d3246 | |
| 20% | #3e2838 | |
| 15% | #2e1e2a | |
| 10% | #1f141c | |
| 5% | #0f0a0e | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #503434 | rgb(80, 52, 52) | hsl(0, 21%, 26%) | |
| 15 | #503b34 | rgb(80, 59, 52) | hsl(15, 21%, 26%) | |
| 30 | #504234 | rgb(80, 66, 52) | hsl(30, 21%, 26%) | |
| 45 | #504934 | rgb(80, 73, 52) | hsl(45, 21%, 26%) | |
| 60 | #505034 | rgb(80, 80, 52) | hsl(60, 21%, 26%) | |
| 75 | #495034 | rgb(73, 80, 52) | hsl(75, 21%, 26%) | |
| 90 | #425034 | rgb(66, 80, 52) | hsl(90, 21%, 26%) | |
| 105 | #3b5034 | rgb(59, 80, 52) | hsl(105, 21%, 26%) | |
| 120 | #345034 | rgb(52, 80, 52) | hsl(120, 21%, 26%) | |
| 135 | #34503b | rgb(52, 80, 59) | hsl(135, 21%, 26%) | |
| 150 | #345042 | rgb(52, 80, 66) | hsl(150, 21%, 26%) | |
| 165 | #345049 | rgb(52, 80, 73) | hsl(165, 21%, 26%) | |
| 180 | #345050 | rgb(52, 80, 80) | hsl(180, 21%, 26%) | |
| 195 | #344950 | rgb(52, 73, 80) | hsl(195, 21%, 26%) | |
| 210 | #344250 | rgb(52, 66, 80) | hsl(210, 21%, 26%) | |
| 225 | #343b50 | rgb(52, 59, 80) | hsl(225, 21%, 26%) | |
| 240 | #343450 | rgb(52, 52, 80) | hsl(240, 21%, 26%) | |
| 255 | #3b3450 | rgb(59, 52, 80) | hsl(255, 21%, 26%) | |
| 270 | #423450 | rgb(66, 52, 80) | hsl(270, 21%, 26%) | |
| 285 | #493450 | rgb(73, 52, 80) | hsl(285, 21%, 26%) | |
| 300 | #503450 | rgb(80, 52, 80) | hsl(300, 21%, 26%) | |
| 315 | #51354a | rgb(81, 53, 74) | hsl(315, 21%, 26%) | |
| 330 | #503442 | rgb(80, 52, 66) | hsl(330, 21%, 26%) | |
| 345 | #50343b | rgb(80, 52, 59) | hsl(345, 21%, 26%) | |
| 360 | #503434 | rgb(80, 52, 52) | hsl(0, 21%, 26%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #850063 | rgb(133, 0, 99) | hsl(315, 100%, 26%) | |
| 95% | #810362 | rgb(129, 3, 98) | hsl(315, 95%, 26%) | |
| 90% | #7e0760 | rgb(126, 7, 96) | hsl(315, 90%, 26%) | |
| 85% | #7b0a5e | rgb(123, 10, 94) | hsl(315, 85%, 26%) | |
| 80% | #770d5d | rgb(119, 13, 93) | hsl(315, 80%, 26%) | |
| 75% | #74115b | rgb(116, 17, 91) | hsl(315, 75%, 26%) | |
| 70% | #71145a | rgb(113, 20, 90) | hsl(315, 70%, 26%) | |
| 65% | #6d1758 | rgb(109, 23, 88) | hsl(315, 65%, 26%) | |
| 60% | #6a1b56 | rgb(106, 27, 86) | hsl(315, 60%, 26%) | |
| 55% | #671e55 | rgb(103, 30, 85) | hsl(315, 55%, 26%) | |
| 50% | #632153 | rgb(99, 33, 83) | hsl(315, 50%, 26%) | |
| 45% | #602451 | rgb(96, 36, 81) | hsl(315, 45%, 26%) | |
| 40% | #5d2850 | rgb(93, 40, 80) | hsl(315, 40%, 26%) | |
| 35% | #5a2b4e | rgb(90, 43, 78) | hsl(315, 35%, 26%) | |
| 30% | #562e4c | rgb(86, 46, 76) | hsl(315, 30%, 26%) | |
| 25% | #53324b | rgb(83, 50, 75) | hsl(315, 25%, 26%) | |
| 21% | #51354a | rgb(81, 53, 74) | hsl(315, 21%, 26%) | |
| 20% | #503549 | rgb(80, 53, 73) | hsl(315, 20%, 26%) | |
| 15% | #4c3847 | rgb(76, 56, 71) | hsl(315, 15%, 26%) | |
| 10% | #493c46 | rgb(73, 60, 70) | hsl(315, 10%, 26%) | |
| 5% | #463f44 | rgb(70, 63, 68) | hsl(315, 5%, 26%) | |
| 0% | #424242 | rgb(66, 66, 66) | hsl(315, 0%, 26%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(315, 21%, 100%) | |
| 95% | #f5f0f4 | rgb(245, 240, 244) | hsl(315, 21%, 95%) | |
| 90% | #ebe0e8 | rgb(235, 224, 232) | hsl(315, 21%, 90%) | |
| 85% | #e1d1dd | rgb(225, 209, 221) | hsl(315, 21%, 85%) | |
| 80% | #d7c1d1 | rgb(215, 193, 209) | hsl(315, 21%, 80%) | |
| 75% | #cdb2c6 | rgb(205, 178, 198) | hsl(315, 21%, 75%) | |
| 70% | #c3a2bb | rgb(195, 162, 187) | hsl(315, 21%, 70%) | |
| 65% | #b893af | rgb(184, 147, 175) | hsl(315, 21%, 65%) | |
| 60% | #ae84a4 | rgb(174, 132, 164) | hsl(315, 21%, 60%) | |
| 55% | #a47498 | rgb(164, 116, 152) | hsl(315, 21%, 55%) | |
| 50% | #9a658d | rgb(154, 101, 141) | hsl(315, 21%, 50%) | |
| 45% | #8b5b7f | rgb(139, 91, 127) | hsl(315, 21%, 45%) | |
| 40% | #7b5171 | rgb(123, 81, 113) | hsl(315, 21%, 40%) | |
| 35% | #6c4763 | rgb(108, 71, 99) | hsl(315, 21%, 35%) | |
| 30% | #5d3c55 | rgb(93, 60, 85) | hsl(315, 21%, 30%) | |
| 26% | #51354a | rgb(81, 53, 74) | hsl(315, 21%, 26%) | |
| 25% | #4d3246 | rgb(77, 50, 70) | hsl(315, 21%, 25%) | |
| 20% | #3e2838 | rgb(62, 40, 56) | hsl(315, 21%, 20%) | |
| 15% | #2e1e2a | rgb(46, 30, 42) | hsl(315, 21%, 15%) | |
| 10% | #1f141c | rgb(31, 20, 28) | hsl(315, 21%, 10%) | |
| 5% | #0f0a0e | rgb(15, 10, 14) | hsl(315, 21%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(315, 21%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 81 | 53 | 74 |
rgb(81, 53, 74)
#51354a
#51354a
