HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#926aa6
rgb(146, 106, 166)
hsl(280, 25%, 53%)
Lighter / Darker:
100% | #ffffff | |
95% | #f3eff5 | |
90% | #e8dfec | |
85% | #dccfe2 | |
80% | #d0bfd9 | |
75% | #c5afcf | |
70% | #b99fc6 | |
65% | #ad8fbc | |
60% | #a280b3 | |
55% | #9670a9 | |
53% | #926aa6 | |
50% | #8a609f | |
45% | #7c568f | |
40% | #6f4d80 | |
35% | #614370 | |
30% | #533960 | |
25% | #453050 | |
20% | #372640 | |
15% | #291d30 | |
10% | #1c1320 | |
5% | #0e0a10 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #a56969 | rgb(165, 105, 105) | hsl(0, 25%, 53%) | |
15 | #a57869 | rgb(165, 120, 105) | hsl(15, 25%, 53%) | |
30 | #a58769 | rgb(165, 135, 105) | hsl(30, 25%, 53%) | |
45 | #a59669 | rgb(165, 150, 105) | hsl(45, 25%, 53%) | |
60 | #a5a569 | rgb(165, 165, 105) | hsl(60, 25%, 53%) | |
75 | #96a569 | rgb(150, 165, 105) | hsl(75, 25%, 53%) | |
90 | #87a569 | rgb(135, 165, 105) | hsl(90, 25%, 53%) | |
105 | #78a569 | rgb(120, 165, 105) | hsl(105, 25%, 53%) | |
120 | #69a569 | rgb(105, 165, 105) | hsl(120, 25%, 53%) | |
135 | #69a578 | rgb(105, 165, 120) | hsl(135, 25%, 53%) | |
150 | #69a587 | rgb(105, 165, 135) | hsl(150, 25%, 53%) | |
165 | #69a596 | rgb(105, 165, 150) | hsl(165, 25%, 53%) | |
180 | #69a5a5 | rgb(105, 165, 165) | hsl(180, 25%, 53%) | |
195 | #6996a5 | rgb(105, 150, 165) | hsl(195, 25%, 53%) | |
210 | #6987a5 | rgb(105, 135, 165) | hsl(210, 25%, 53%) | |
225 | #6978a5 | rgb(105, 120, 165) | hsl(225, 25%, 53%) | |
240 | #6969a5 | rgb(105, 105, 165) | hsl(240, 25%, 53%) | |
255 | #7869a5 | rgb(120, 105, 165) | hsl(255, 25%, 53%) | |
270 | #8769a5 | rgb(135, 105, 165) | hsl(270, 25%, 53%) | |
280 | #926aa6 | rgb(146, 106, 166) | hsl(280, 25%, 53%) | |
285 | #9669a5 | rgb(150, 105, 165) | hsl(285, 25%, 53%) | |
300 | #a569a5 | rgb(165, 105, 165) | hsl(300, 25%, 53%) | |
315 | #a56996 | rgb(165, 105, 150) | hsl(315, 25%, 53%) | |
330 | #a56987 | rgb(165, 105, 135) | hsl(330, 25%, 53%) | |
345 | #a56978 | rgb(165, 105, 120) | hsl(345, 25%, 53%) | |
360 | #a56969 | rgb(165, 105, 105) | hsl(0, 25%, 53%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #af0fff | rgb(175, 15, 255) | hsl(280, 100%, 53%) | |
95% | #ad15f9 | rgb(173, 21, 249) | hsl(280, 95%, 53%) | |
90% | #ab1bf3 | rgb(171, 27, 243) | hsl(280, 90%, 53%) | |
85% | #a921ed | rgb(169, 33, 237) | hsl(280, 85%, 53%) | |
80% | #a727e7 | rgb(167, 39, 231) | hsl(280, 80%, 53%) | |
75% | #a52de1 | rgb(165, 45, 225) | hsl(280, 75%, 53%) | |
70% | #a333db | rgb(163, 51, 219) | hsl(280, 70%, 53%) | |
65% | #a139d5 | rgb(161, 57, 213) | hsl(280, 65%, 53%) | |
60% | #9f3fcf | rgb(159, 63, 207) | hsl(280, 60%, 53%) | |
55% | #9d45c9 | rgb(157, 69, 201) | hsl(280, 55%, 53%) | |
50% | #9b4bc3 | rgb(155, 75, 195) | hsl(280, 50%, 53%) | |
45% | #9951bd | rgb(153, 81, 189) | hsl(280, 45%, 53%) | |
40% | #9757b7 | rgb(151, 87, 183) | hsl(280, 40%, 53%) | |
35% | #955db1 | rgb(149, 93, 177) | hsl(280, 35%, 53%) | |
30% | #9363ab | rgb(147, 99, 171) | hsl(280, 30%, 53%) | |
25% | #926aa6 | rgb(146, 106, 166) | hsl(280, 25%, 53%) | |
20% | #8f6f9f | rgb(143, 111, 159) | hsl(280, 20%, 53%) | |
15% | #8d7599 | rgb(141, 117, 153) | hsl(280, 15%, 53%) | |
10% | #8b7b93 | rgb(139, 123, 147) | hsl(280, 10%, 53%) | |
5% | #89818d | rgb(137, 129, 141) | hsl(280, 5%, 53%) | |
0% | #878787 | rgb(135, 135, 135) | hsl(280, 0%, 53%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(280, 25%, 100%) | |
95% | #f3eff5 | rgb(243, 239, 245) | hsl(280, 25%, 95%) | |
90% | #e8dfec | rgb(232, 223, 236) | hsl(280, 25%, 90%) | |
85% | #dccfe2 | rgb(220, 207, 226) | hsl(280, 25%, 85%) | |
80% | #d0bfd9 | rgb(208, 191, 217) | hsl(280, 25%, 80%) | |
75% | #c5afcf | rgb(197, 175, 207) | hsl(280, 25%, 75%) | |
70% | #b99fc6 | rgb(185, 159, 198) | hsl(280, 25%, 70%) | |
65% | #ad8fbc | rgb(173, 143, 188) | hsl(280, 25%, 65%) | |
60% | #a280b3 | rgb(162, 128, 179) | hsl(280, 25%, 60%) | |
55% | #9670a9 | rgb(150, 112, 169) | hsl(280, 25%, 55%) | |
53% | #926aa6 | rgb(146, 106, 166) | hsl(280, 25%, 53%) | |
50% | #8a609f | rgb(138, 96, 159) | hsl(280, 25%, 50%) | |
45% | #7c568f | rgb(124, 86, 143) | hsl(280, 25%, 45%) | |
40% | #6f4d80 | rgb(111, 77, 128) | hsl(280, 25%, 40%) | |
35% | #614370 | rgb(97, 67, 112) | hsl(280, 25%, 35%) | |
30% | #533960 | rgb(83, 57, 96) | hsl(280, 25%, 30%) | |
25% | #453050 | rgb(69, 48, 80) | hsl(280, 25%, 25%) | |
20% | #372640 | rgb(55, 38, 64) | hsl(280, 25%, 20%) | |
15% | #291d30 | rgb(41, 29, 48) | hsl(280, 25%, 15%) | |
10% | #1c1320 | rgb(28, 19, 32) | hsl(280, 25%, 10%) | |
5% | #0e0a10 | rgb(14, 10, 16) | hsl(280, 25%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(280, 25%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
146 | 106 | 166 |
rgb(146, 106, 166)
#926aa6
#926aa6