HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#343148
rgb(52, 49, 72)
hsl(248, 19%, 24%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f0f0f5 | |
| 90% | #e2e1ea | |
| 85% | #d3d1e0 | |
| 80% | #c5c2d6 | |
| 75% | #b6b3cb | |
| 70% | #a8a4c1 | |
| 65% | #9995b7 | |
| 60% | #8b86ac | |
| 55% | #7c76a2 | |
| 50% | #6e6798 | |
| 45% | #635d89 | |
| 40% | #585379 | |
| 35% | #4d486a | |
| 30% | #423e5b | |
| 25% | #37344c | |
| 24% | #343148 | |
| 20% | #2c293d | |
| 15% | #211f2e | |
| 10% | #16151e | |
| 5% | #0b0a0f | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #493232 | rgb(73, 50, 50) | hsl(0, 19%, 24%) | |
| 15 | #493732 | rgb(73, 55, 50) | hsl(15, 19%, 24%) | |
| 30 | #493d32 | rgb(73, 61, 50) | hsl(30, 19%, 24%) | |
| 45 | #494332 | rgb(73, 67, 50) | hsl(45, 19%, 24%) | |
| 60 | #494932 | rgb(73, 73, 50) | hsl(60, 19%, 24%) | |
| 75 | #434932 | rgb(67, 73, 50) | hsl(75, 19%, 24%) | |
| 90 | #3d4932 | rgb(61, 73, 50) | hsl(90, 19%, 24%) | |
| 105 | #374932 | rgb(55, 73, 50) | hsl(105, 19%, 24%) | |
| 120 | #324932 | rgb(50, 73, 50) | hsl(120, 19%, 24%) | |
| 135 | #324937 | rgb(50, 73, 55) | hsl(135, 19%, 24%) | |
| 150 | #32493d | rgb(50, 73, 61) | hsl(150, 19%, 24%) | |
| 165 | #324943 | rgb(50, 73, 67) | hsl(165, 19%, 24%) | |
| 180 | #324949 | rgb(50, 73, 73) | hsl(180, 19%, 24%) | |
| 195 | #324349 | rgb(50, 67, 73) | hsl(195, 19%, 24%) | |
| 210 | #323d49 | rgb(50, 61, 73) | hsl(210, 19%, 24%) | |
| 225 | #323749 | rgb(50, 55, 73) | hsl(225, 19%, 24%) | |
| 240 | #323249 | rgb(50, 50, 73) | hsl(240, 19%, 24%) | |
| 248 | #343148 | rgb(52, 49, 72) | hsl(248, 19%, 24%) | |
| 255 | #373249 | rgb(55, 50, 73) | hsl(255, 19%, 24%) | |
| 270 | #3d3249 | rgb(61, 50, 73) | hsl(270, 19%, 24%) | |
| 285 | #433249 | rgb(67, 50, 73) | hsl(285, 19%, 24%) | |
| 300 | #493249 | rgb(73, 50, 73) | hsl(300, 19%, 24%) | |
| 315 | #493243 | rgb(73, 50, 67) | hsl(315, 19%, 24%) | |
| 330 | #49323d | rgb(73, 50, 61) | hsl(330, 19%, 24%) | |
| 345 | #493237 | rgb(73, 50, 55) | hsl(345, 19%, 24%) | |
| 360 | #493232 | rgb(73, 50, 50) | hsl(0, 19%, 24%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #10007a | rgb(16, 0, 122) | hsl(248, 100%, 24%) | |
| 95% | #130377 | rgb(19, 3, 119) | hsl(248, 95%, 24%) | |
| 90% | #150674 | rgb(21, 6, 116) | hsl(248, 90%, 24%) | |
| 85% | #170971 | rgb(23, 9, 113) | hsl(248, 85%, 24%) | |
| 80% | #190c6e | rgb(25, 12, 110) | hsl(248, 80%, 24%) | |
| 75% | #1c0f6b | rgb(28, 15, 107) | hsl(248, 75%, 24%) | |
| 70% | #1e1268 | rgb(30, 18, 104) | hsl(248, 70%, 24%) | |
| 65% | #201565 | rgb(32, 21, 101) | hsl(248, 65%, 24%) | |
| 60% | #221862 | rgb(34, 24, 98) | hsl(248, 60%, 24%) | |
| 55% | #251c5f | rgb(37, 28, 95) | hsl(248, 55%, 24%) | |
| 50% | #271f5c | rgb(39, 31, 92) | hsl(248, 50%, 24%) | |
| 45% | #292259 | rgb(41, 34, 89) | hsl(248, 45%, 24%) | |
| 40% | #2b2556 | rgb(43, 37, 86) | hsl(248, 40%, 24%) | |
| 35% | #2d2853 | rgb(45, 40, 83) | hsl(248, 35%, 24%) | |
| 30% | #302b50 | rgb(48, 43, 80) | hsl(248, 30%, 24%) | |
| 25% | #322e4d | rgb(50, 46, 77) | hsl(248, 25%, 24%) | |
| 20% | #343149 | rgb(52, 49, 73) | hsl(248, 20%, 24%) | |
| 19% | #343148 | rgb(52, 49, 72) | hsl(248, 19%, 24%) | |
| 15% | #363446 | rgb(54, 52, 70) | hsl(248, 15%, 24%) | |
| 10% | #393743 | rgb(57, 55, 67) | hsl(248, 10%, 24%) | |
| 5% | #3b3a40 | rgb(59, 58, 64) | hsl(248, 5%, 24%) | |
| 0% | #3d3d3d | rgb(61, 61, 61) | hsl(248, 0%, 24%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(248, 19%, 100%) | |
| 95% | #f0f0f5 | rgb(240, 240, 245) | hsl(248, 19%, 95%) | |
| 90% | #e2e1ea | rgb(226, 225, 234) | hsl(248, 19%, 90%) | |
| 85% | #d3d1e0 | rgb(211, 209, 224) | hsl(248, 19%, 85%) | |
| 80% | #c5c2d6 | rgb(197, 194, 214) | hsl(248, 19%, 80%) | |
| 75% | #b6b3cb | rgb(182, 179, 203) | hsl(248, 19%, 75%) | |
| 70% | #a8a4c1 | rgb(168, 164, 193) | hsl(248, 19%, 70%) | |
| 65% | #9995b7 | rgb(153, 149, 183) | hsl(248, 19%, 65%) | |
| 60% | #8b86ac | rgb(139, 134, 172) | hsl(248, 19%, 60%) | |
| 55% | #7c76a2 | rgb(124, 118, 162) | hsl(248, 19%, 55%) | |
| 50% | #6e6798 | rgb(110, 103, 152) | hsl(248, 19%, 50%) | |
| 45% | #635d89 | rgb(99, 93, 137) | hsl(248, 19%, 45%) | |
| 40% | #585379 | rgb(88, 83, 121) | hsl(248, 19%, 40%) | |
| 35% | #4d486a | rgb(77, 72, 106) | hsl(248, 19%, 35%) | |
| 30% | #423e5b | rgb(66, 62, 91) | hsl(248, 19%, 30%) | |
| 25% | #37344c | rgb(55, 52, 76) | hsl(248, 19%, 25%) | |
| 24% | #343148 | rgb(52, 49, 72) | hsl(248, 19%, 24%) | |
| 20% | #2c293d | rgb(44, 41, 61) | hsl(248, 19%, 20%) | |
| 15% | #211f2e | rgb(33, 31, 46) | hsl(248, 19%, 15%) | |
| 10% | #16151e | rgb(22, 21, 30) | hsl(248, 19%, 10%) | |
| 5% | #0b0a0f | rgb(11, 10, 15) | hsl(248, 19%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(248, 19%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 52 | 49 | 72 |
rgb(52, 49, 72)
#343148
#343148
