HTML Color Picker
Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#5f4b8b
rgb(95, 75, 139)
hsl(259, 30%, 42%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #f1eef6 | |
| 90% | #e3deed | |
| 85% | #d5cde4 | |
| 80% | #c6bddb | |
| 75% | #b8acd2 | |
| 70% | #aa9cc9 | |
| 65% | #9c8bc1 | |
| 60% | #8e7ab8 | |
| 55% | #806aaf | |
| 50% | #7159a6 | |
| 45% | #665095 | |
| 42% | #5f4b8b | |
| 40% | #5b4785 | |
| 35% | #4f3e74 | |
| 30% | #443663 | |
| 25% | #392d53 | |
| 20% | #2d2442 | |
| 15% | #221b32 | |
| 10% | #171221 | |
| 5% | #0b0911 | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #8b4b4b | rgb(139, 75, 75) | hsl(0, 30%, 42%) | |
| 15 | #8b5b4b | rgb(139, 91, 75) | hsl(15, 30%, 42%) | |
| 30 | #8b6b4b | rgb(139, 107, 75) | hsl(30, 30%, 42%) | |
| 45 | #8b7b4b | rgb(139, 123, 75) | hsl(45, 30%, 42%) | |
| 60 | #8b8b4b | rgb(139, 139, 75) | hsl(60, 30%, 42%) | |
| 75 | #7b8b4b | rgb(123, 139, 75) | hsl(75, 30%, 42%) | |
| 90 | #6b8b4b | rgb(107, 139, 75) | hsl(90, 30%, 42%) | |
| 105 | #5b8b4b | rgb(91, 139, 75) | hsl(105, 30%, 42%) | |
| 120 | #4b8b4b | rgb(75, 139, 75) | hsl(120, 30%, 42%) | |
| 135 | #4b8b5b | rgb(75, 139, 91) | hsl(135, 30%, 42%) | |
| 150 | #4b8b6b | rgb(75, 139, 107) | hsl(150, 30%, 42%) | |
| 165 | #4b8b7b | rgb(75, 139, 123) | hsl(165, 30%, 42%) | |
| 180 | #4b8b8b | rgb(75, 139, 139) | hsl(180, 30%, 42%) | |
| 195 | #4b7b8b | rgb(75, 123, 139) | hsl(195, 30%, 42%) | |
| 210 | #4b6b8b | rgb(75, 107, 139) | hsl(210, 30%, 42%) | |
| 225 | #4b5b8b | rgb(75, 91, 139) | hsl(225, 30%, 42%) | |
| 240 | #4b4b8b | rgb(75, 75, 139) | hsl(240, 30%, 42%) | |
| 255 | #5b4b8b | rgb(91, 75, 139) | hsl(255, 30%, 42%) | |
| 259 | #5f4b8b | rgb(95, 75, 139) | hsl(259, 30%, 42%) | |
| 270 | #6b4b8b | rgb(107, 75, 139) | hsl(270, 30%, 42%) | |
| 285 | #7b4b8b | rgb(123, 75, 139) | hsl(285, 30%, 42%) | |
| 300 | #8b4b8b | rgb(139, 75, 139) | hsl(300, 30%, 42%) | |
| 315 | #8b4b7b | rgb(139, 75, 123) | hsl(315, 30%, 42%) | |
| 330 | #8b4b6b | rgb(139, 75, 107) | hsl(330, 30%, 42%) | |
| 345 | #8b4b5b | rgb(139, 75, 91) | hsl(345, 30%, 42%) | |
| 360 | #8b4b4b | rgb(139, 75, 75) | hsl(0, 30%, 42%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #4400d6 | rgb(68, 0, 214) | hsl(259, 100%, 42%) | |
| 95% | #4605d1 | rgb(70, 5, 209) | hsl(259, 95%, 42%) | |
| 90% | #480bcb | rgb(72, 11, 203) | hsl(259, 90%, 42%) | |
| 85% | #4a10c6 | rgb(74, 16, 198) | hsl(259, 85%, 42%) | |
| 80% | #4c15c1 | rgb(76, 21, 193) | hsl(259, 80%, 42%) | |
| 75% | #4e1bbb | rgb(78, 27, 187) | hsl(259, 75%, 42%) | |
| 70% | #5020b6 | rgb(80, 32, 182) | hsl(259, 70%, 42%) | |
| 65% | #5225b1 | rgb(82, 37, 177) | hsl(259, 65%, 42%) | |
| 60% | #542bab | rgb(84, 43, 171) | hsl(259, 60%, 42%) | |
| 55% | #5630a6 | rgb(86, 48, 166) | hsl(259, 55%, 42%) | |
| 50% | #5736a1 | rgb(87, 54, 161) | hsl(259, 50%, 42%) | |
| 45% | #593b9b | rgb(89, 59, 155) | hsl(259, 45%, 42%) | |
| 40% | #5b4096 | rgb(91, 64, 150) | hsl(259, 40%, 42%) | |
| 35% | #5d4691 | rgb(93, 70, 145) | hsl(259, 35%, 42%) | |
| 30% | #5f4b8b | rgb(95, 75, 139) | hsl(259, 30%, 42%) | |
| 25% | #615086 | rgb(97, 80, 134) | hsl(259, 25%, 42%) | |
| 20% | #635681 | rgb(99, 86, 129) | hsl(259, 20%, 42%) | |
| 15% | #655b7b | rgb(101, 91, 123) | hsl(259, 15%, 42%) | |
| 10% | #676076 | rgb(103, 96, 118) | hsl(259, 10%, 42%) | |
| 5% | #696670 | rgb(105, 102, 112) | hsl(259, 5%, 42%) | |
| 0% | #6b6b6b | rgb(107, 107, 107) | hsl(259, 0%, 42%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(259, 30%, 100%) | |
| 95% | #f1eef6 | rgb(241, 238, 246) | hsl(259, 30%, 95%) | |
| 90% | #e3deed | rgb(227, 222, 237) | hsl(259, 30%, 90%) | |
| 85% | #d5cde4 | rgb(213, 205, 228) | hsl(259, 30%, 85%) | |
| 80% | #c6bddb | rgb(198, 189, 219) | hsl(259, 30%, 80%) | |
| 75% | #b8acd2 | rgb(184, 172, 210) | hsl(259, 30%, 75%) | |
| 70% | #aa9cc9 | rgb(170, 156, 201) | hsl(259, 30%, 70%) | |
| 65% | #9c8bc1 | rgb(156, 139, 193) | hsl(259, 30%, 65%) | |
| 60% | #8e7ab8 | rgb(142, 122, 184) | hsl(259, 30%, 60%) | |
| 55% | #806aaf | rgb(128, 106, 175) | hsl(259, 30%, 55%) | |
| 50% | #7159a6 | rgb(113, 89, 166) | hsl(259, 30%, 50%) | |
| 45% | #665095 | rgb(102, 80, 149) | hsl(259, 30%, 45%) | |
| 42% | #5f4b8b | rgb(95, 75, 139) | hsl(259, 30%, 42%) | |
| 40% | #5b4785 | rgb(91, 71, 133) | hsl(259, 30%, 40%) | |
| 35% | #4f3e74 | rgb(79, 62, 116) | hsl(259, 30%, 35%) | |
| 30% | #443663 | rgb(68, 54, 99) | hsl(259, 30%, 30%) | |
| 25% | #392d53 | rgb(57, 45, 83) | hsl(259, 30%, 25%) | |
| 20% | #2d2442 | rgb(45, 36, 66) | hsl(259, 30%, 20%) | |
| 15% | #221b32 | rgb(34, 27, 50) | hsl(259, 30%, 15%) | |
| 10% | #171221 | rgb(23, 18, 33) | hsl(259, 30%, 10%) | |
| 5% | #0b0911 | rgb(11, 9, 17) | hsl(259, 30%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(259, 30%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 95 | 75 | 139 |
rgb(95, 75, 139)
#5f4b8b
#5f4b8b
