HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#b565a7
rgb(181, 101, 167)
hsl(311, 35%, 55%)
Lighter / Darker:
100% | #ffffff | |
95% | #f7eef5 | |
90% | #eeddeb | |
85% | #e6cbe1 | |
80% | #debad7 | |
75% | #d6a9cd | |
70% | #cd98c3 | |
65% | #c587ba | |
60% | #bd75b0 | |
55% | #b565a7 | |
50% | #ac539c | |
45% | #9b4b8c | |
40% | #8a427d | |
35% | #783a6d | |
30% | #67325d | |
25% | #56294e | |
20% | #45213e | |
15% | #34192f | |
10% | #22111f | |
5% | #110810 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #b46464 | rgb(180, 100, 100) | hsl(0, 35%, 55%) | |
15 | #b47864 | rgb(180, 120, 100) | hsl(15, 35%, 55%) | |
30 | #b48c64 | rgb(180, 140, 100) | hsl(30, 35%, 55%) | |
45 | #b4a064 | rgb(180, 160, 100) | hsl(45, 35%, 55%) | |
60 | #b4b464 | rgb(180, 180, 100) | hsl(60, 35%, 55%) | |
75 | #a0b464 | rgb(160, 180, 100) | hsl(75, 35%, 55%) | |
90 | #8cb464 | rgb(140, 180, 100) | hsl(90, 35%, 55%) | |
105 | #78b464 | rgb(120, 180, 100) | hsl(105, 35%, 55%) | |
120 | #64b464 | rgb(100, 180, 100) | hsl(120, 35%, 55%) | |
135 | #64b478 | rgb(100, 180, 120) | hsl(135, 35%, 55%) | |
150 | #64b48c | rgb(100, 180, 140) | hsl(150, 35%, 55%) | |
165 | #64b4a0 | rgb(100, 180, 160) | hsl(165, 35%, 55%) | |
180 | #64b4b4 | rgb(100, 180, 180) | hsl(180, 35%, 55%) | |
195 | #64a0b4 | rgb(100, 160, 180) | hsl(195, 35%, 55%) | |
210 | #648cb4 | rgb(100, 140, 180) | hsl(210, 35%, 55%) | |
225 | #6478b4 | rgb(100, 120, 180) | hsl(225, 35%, 55%) | |
240 | #6464b4 | rgb(100, 100, 180) | hsl(240, 35%, 55%) | |
255 | #7864b4 | rgb(120, 100, 180) | hsl(255, 35%, 55%) | |
270 | #8c64b4 | rgb(140, 100, 180) | hsl(270, 35%, 55%) | |
285 | #a064b4 | rgb(160, 100, 180) | hsl(285, 35%, 55%) | |
300 | #b464b4 | rgb(180, 100, 180) | hsl(300, 35%, 55%) | |
311 | #b565a7 | rgb(181, 101, 167) | hsl(311, 35%, 55%) | |
315 | #b464a0 | rgb(180, 100, 160) | hsl(315, 35%, 55%) | |
330 | #b4648c | rgb(180, 100, 140) | hsl(330, 35%, 55%) | |
345 | #b46478 | rgb(180, 100, 120) | hsl(345, 35%, 55%) | |
360 | #b46464 | rgb(180, 100, 100) | hsl(0, 35%, 55%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #ff1ad5 | rgb(255, 26, 213) | hsl(311, 100%, 55%) | |
95% | #f91fd1 | rgb(249, 31, 209) | hsl(311, 95%, 55%) | |
90% | #f425ce | rgb(244, 37, 206) | hsl(311, 90%, 55%) | |
85% | #ee2bca | rgb(238, 43, 202) | hsl(311, 85%, 55%) | |
80% | #e830c6 | rgb(232, 48, 198) | hsl(311, 80%, 55%) | |
75% | #e236c3 | rgb(226, 54, 195) | hsl(311, 75%, 55%) | |
70% | #dd3cbf | rgb(221, 60, 191) | hsl(311, 70%, 55%) | |
65% | #d742bb | rgb(215, 66, 187) | hsl(311, 65%, 55%) | |
60% | #d147b8 | rgb(209, 71, 184) | hsl(311, 60%, 55%) | |
55% | #cb4db4 | rgb(203, 77, 180) | hsl(311, 55%, 55%) | |
50% | #c653b1 | rgb(198, 83, 177) | hsl(311, 50%, 55%) | |
45% | #c059ad | rgb(192, 89, 173) | hsl(311, 45%, 55%) | |
40% | #ba5ea9 | rgb(186, 94, 169) | hsl(311, 40%, 55%) | |
35% | #b565a7 | rgb(181, 101, 167) | hsl(311, 35%, 55%) | |
30% | #af6aa2 | rgb(175, 106, 162) | hsl(311, 30%, 55%) | |
25% | #a9709e | rgb(169, 112, 158) | hsl(311, 25%, 55%) | |
20% | #a3759b | rgb(163, 117, 155) | hsl(311, 20%, 55%) | |
15% | #9d7b97 | rgb(157, 123, 151) | hsl(311, 15%, 55%) | |
10% | #988194 | rgb(152, 129, 148) | hsl(311, 10%, 55%) | |
5% | #928790 | rgb(146, 135, 144) | hsl(311, 5%, 55%) | |
0% | #8c8c8c | rgb(140, 140, 140) | hsl(311, 0%, 55%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(311, 35%, 100%) | |
95% | #f7eef5 | rgb(247, 238, 245) | hsl(311, 35%, 95%) | |
90% | #eeddeb | rgb(238, 221, 235) | hsl(311, 35%, 90%) | |
85% | #e6cbe1 | rgb(230, 203, 225) | hsl(311, 35%, 85%) | |
80% | #debad7 | rgb(222, 186, 215) | hsl(311, 35%, 80%) | |
75% | #d6a9cd | rgb(214, 169, 205) | hsl(311, 35%, 75%) | |
70% | #cd98c3 | rgb(205, 152, 195) | hsl(311, 35%, 70%) | |
65% | #c587ba | rgb(197, 135, 186) | hsl(311, 35%, 65%) | |
60% | #bd75b0 | rgb(189, 117, 176) | hsl(311, 35%, 60%) | |
55% | #b565a7 | rgb(181, 101, 167) | hsl(311, 35%, 55%) | |
50% | #ac539c | rgb(172, 83, 156) | hsl(311, 35%, 50%) | |
45% | #9b4b8c | rgb(155, 75, 140) | hsl(311, 35%, 45%) | |
40% | #8a427d | rgb(138, 66, 125) | hsl(311, 35%, 40%) | |
35% | #783a6d | rgb(120, 58, 109) | hsl(311, 35%, 35%) | |
30% | #67325d | rgb(103, 50, 93) | hsl(311, 35%, 30%) | |
25% | #56294e | rgb(86, 41, 78) | hsl(311, 35%, 25%) | |
20% | #45213e | rgb(69, 33, 62) | hsl(311, 35%, 20%) | |
15% | #34192f | rgb(52, 25, 47) | hsl(311, 35%, 15%) | |
10% | #22111f | rgb(34, 17, 31) | hsl(311, 35%, 10%) | |
5% | #110810 | rgb(17, 8, 16) | hsl(311, 35%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(311, 35%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
181 | 101 | 167 |
rgb(181, 101, 167)
#b565a7
#b565a7