HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#6b5b95
rgb(107, 91, 149)
hsl(257, 24%, 47%)
Lighter / Darker:
100% | #ffffff | |
95% | #f1eff5 | |
90% | #e3dfec | |
85% | #d5d0e2 | |
80% | #c7c0d8 | |
75% | #b9b0cf | |
70% | #aba0c5 | |
65% | #9c90bb | |
60% | #8e81b1 | |
55% | #8071a8 | |
50% | #72619e | |
47% | #6b5b95 | |
45% | #67578e | |
40% | #5b4e7e | |
35% | #50446f | |
30% | #453a5f | |
25% | #39304f | |
20% | #2e273f | |
15% | #221d2f | |
10% | #171320 | |
5% | #0b0a10 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #955b5b | rgb(149, 91, 91) | hsl(0, 24%, 47%) | |
15 | #95695b | rgb(149, 105, 91) | hsl(15, 24%, 47%) | |
30 | #95785b | rgb(149, 120, 91) | hsl(30, 24%, 47%) | |
45 | #95865b | rgb(149, 134, 91) | hsl(45, 24%, 47%) | |
60 | #95955b | rgb(149, 149, 91) | hsl(60, 24%, 47%) | |
75 | #86955b | rgb(134, 149, 91) | hsl(75, 24%, 47%) | |
90 | #78955b | rgb(120, 149, 91) | hsl(90, 24%, 47%) | |
105 | #69955b | rgb(105, 149, 91) | hsl(105, 24%, 47%) | |
120 | #5b955b | rgb(91, 149, 91) | hsl(120, 24%, 47%) | |
135 | #5b9569 | rgb(91, 149, 105) | hsl(135, 24%, 47%) | |
150 | #5b9578 | rgb(91, 149, 120) | hsl(150, 24%, 47%) | |
165 | #5b9586 | rgb(91, 149, 134) | hsl(165, 24%, 47%) | |
180 | #5b9595 | rgb(91, 149, 149) | hsl(180, 24%, 47%) | |
195 | #5b8695 | rgb(91, 134, 149) | hsl(195, 24%, 47%) | |
210 | #5b7895 | rgb(91, 120, 149) | hsl(210, 24%, 47%) | |
225 | #5b6995 | rgb(91, 105, 149) | hsl(225, 24%, 47%) | |
240 | #5b5b95 | rgb(91, 91, 149) | hsl(240, 24%, 47%) | |
255 | #695b95 | rgb(105, 91, 149) | hsl(255, 24%, 47%) | |
257 | #6b5b95 | rgb(107, 91, 149) | hsl(257, 24%, 47%) | |
270 | #785b95 | rgb(120, 91, 149) | hsl(270, 24%, 47%) | |
285 | #865b95 | rgb(134, 91, 149) | hsl(285, 24%, 47%) | |
300 | #955b95 | rgb(149, 91, 149) | hsl(300, 24%, 47%) | |
315 | #955b86 | rgb(149, 91, 134) | hsl(315, 24%, 47%) | |
330 | #955b78 | rgb(149, 91, 120) | hsl(330, 24%, 47%) | |
345 | #955b69 | rgb(149, 91, 105) | hsl(345, 24%, 47%) | |
360 | #955b5b | rgb(149, 91, 91) | hsl(0, 24%, 47%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #4400f0 | rgb(68, 0, 240) | hsl(257, 100%, 47%) | |
95% | #4706ea | rgb(71, 6, 234) | hsl(257, 95%, 47%) | |
90% | #490ce4 | rgb(73, 12, 228) | hsl(257, 90%, 47%) | |
85% | #4c12de | rgb(76, 18, 222) | hsl(257, 85%, 47%) | |
80% | #4e18d8 | rgb(78, 24, 216) | hsl(257, 80%, 47%) | |
75% | #511ed2 | rgb(81, 30, 210) | hsl(257, 75%, 47%) | |
70% | #5324cc | rgb(83, 36, 204) | hsl(257, 70%, 47%) | |
65% | #562ac6 | rgb(86, 42, 198) | hsl(257, 65%, 47%) | |
60% | #5930c0 | rgb(89, 48, 192) | hsl(257, 60%, 47%) | |
55% | #5b36ba | rgb(91, 54, 186) | hsl(257, 55%, 47%) | |
50% | #5e3cb4 | rgb(94, 60, 180) | hsl(257, 50%, 47%) | |
45% | #6042ae | rgb(96, 66, 174) | hsl(257, 45%, 47%) | |
40% | #6348a8 | rgb(99, 72, 168) | hsl(257, 40%, 47%) | |
35% | #664ea2 | rgb(102, 78, 162) | hsl(257, 35%, 47%) | |
30% | #68549c | rgb(104, 84, 156) | hsl(257, 30%, 47%) | |
25% | #6b5a96 | rgb(107, 90, 150) | hsl(257, 25%, 47%) | |
24% | #6b5b95 | rgb(107, 91, 149) | hsl(257, 24%, 47%) | |
20% | #6d6090 | rgb(109, 96, 144) | hsl(257, 20%, 47%) | |
15% | #70668a | rgb(112, 102, 138) | hsl(257, 15%, 47%) | |
10% | #736c84 | rgb(115, 108, 132) | hsl(257, 10%, 47%) | |
5% | #75727e | rgb(117, 114, 126) | hsl(257, 5%, 47%) | |
0% | #787878 | rgb(120, 120, 120) | hsl(257, 0%, 47%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(257, 24%, 100%) | |
95% | #f1eff5 | rgb(241, 239, 245) | hsl(257, 24%, 95%) | |
90% | #e3dfec | rgb(227, 223, 236) | hsl(257, 24%, 90%) | |
85% | #d5d0e2 | rgb(213, 208, 226) | hsl(257, 24%, 85%) | |
80% | #c7c0d8 | rgb(199, 192, 216) | hsl(257, 24%, 80%) | |
75% | #b9b0cf | rgb(185, 176, 207) | hsl(257, 24%, 75%) | |
70% | #aba0c5 | rgb(171, 160, 197) | hsl(257, 24%, 70%) | |
65% | #9c90bb | rgb(156, 144, 187) | hsl(257, 24%, 65%) | |
60% | #8e81b1 | rgb(142, 129, 177) | hsl(257, 24%, 60%) | |
55% | #8071a8 | rgb(128, 113, 168) | hsl(257, 24%, 55%) | |
50% | #72619e | rgb(114, 97, 158) | hsl(257, 24%, 50%) | |
47% | #6b5b95 | rgb(107, 91, 149) | hsl(257, 24%, 47%) | |
45% | #67578e | rgb(103, 87, 142) | hsl(257, 24%, 45%) | |
40% | #5b4e7e | rgb(91, 78, 126) | hsl(257, 24%, 40%) | |
35% | #50446f | rgb(80, 68, 111) | hsl(257, 24%, 35%) | |
30% | #453a5f | rgb(69, 58, 95) | hsl(257, 24%, 30%) | |
25% | #39304f | rgb(57, 48, 79) | hsl(257, 24%, 25%) | |
20% | #2e273f | rgb(46, 39, 63) | hsl(257, 24%, 20%) | |
15% | #221d2f | rgb(34, 29, 47) | hsl(257, 24%, 15%) | |
10% | #171320 | rgb(23, 19, 32) | hsl(257, 24%, 10%) | |
5% | #0b0a10 | rgb(11, 10, 16) | hsl(257, 24%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(257, 24%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
107 | 91 | 149 |
rgb(107, 91, 149)
#6b5b95
#6b5b95