HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#7e3878
rgb(126, 56, 120)
hsl(305, 38%, 36%)
Lighter / Darker:
100% | #ffffff | |
95% | #f7edf6 | |
90% | #efdcee | |
85% | #e7cae5 | |
80% | #dfb9dc | |
75% | #d7a7d3 | |
70% | #d095cb | |
65% | #c884c2 | |
60% | #c072b9 | |
55% | #b861b1 | |
50% | #b04fa8 | |
45% | #9e4797 | |
40% | #8d3f86 | |
36% | #7e3878 | |
35% | #7b3776 | |
30% | #6a2f65 | |
25% | #582854 | |
20% | #462043 | |
15% | #351832 | |
10% | #231022 | |
5% | #120811 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #7f3939 | rgb(127, 57, 57) | hsl(0, 38%, 36%) | |
15 | #7f4a39 | rgb(127, 74, 57) | hsl(15, 38%, 36%) | |
30 | #7f5c39 | rgb(127, 92, 57) | hsl(30, 38%, 36%) | |
45 | #7f6d39 | rgb(127, 109, 57) | hsl(45, 38%, 36%) | |
60 | #7f7f39 | rgb(127, 127, 57) | hsl(60, 38%, 36%) | |
75 | #6d7f39 | rgb(109, 127, 57) | hsl(75, 38%, 36%) | |
90 | #5c7f39 | rgb(92, 127, 57) | hsl(90, 38%, 36%) | |
105 | #4a7f39 | rgb(74, 127, 57) | hsl(105, 38%, 36%) | |
120 | #397f39 | rgb(57, 127, 57) | hsl(120, 38%, 36%) | |
135 | #397f4a | rgb(57, 127, 74) | hsl(135, 38%, 36%) | |
150 | #397f5c | rgb(57, 127, 92) | hsl(150, 38%, 36%) | |
165 | #397f6d | rgb(57, 127, 109) | hsl(165, 38%, 36%) | |
180 | #397f7f | rgb(57, 127, 127) | hsl(180, 38%, 36%) | |
195 | #396d7f | rgb(57, 109, 127) | hsl(195, 38%, 36%) | |
210 | #395c7f | rgb(57, 92, 127) | hsl(210, 38%, 36%) | |
225 | #394a7f | rgb(57, 74, 127) | hsl(225, 38%, 36%) | |
240 | #39397f | rgb(57, 57, 127) | hsl(240, 38%, 36%) | |
255 | #4a397f | rgb(74, 57, 127) | hsl(255, 38%, 36%) | |
270 | #5c397f | rgb(92, 57, 127) | hsl(270, 38%, 36%) | |
285 | #6d397f | rgb(109, 57, 127) | hsl(285, 38%, 36%) | |
300 | #7f397f | rgb(127, 57, 127) | hsl(300, 38%, 36%) | |
305 | #7e3878 | rgb(126, 56, 120) | hsl(305, 38%, 36%) | |
315 | #7f396d | rgb(127, 57, 109) | hsl(315, 38%, 36%) | |
330 | #7f395c | rgb(127, 57, 92) | hsl(330, 38%, 36%) | |
345 | #7f394a | rgb(127, 57, 74) | hsl(345, 38%, 36%) | |
360 | #7f3939 | rgb(127, 57, 57) | hsl(0, 38%, 36%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #b800a8 | rgb(184, 0, 168) | hsl(305, 100%, 36%) | |
95% | #b305a4 | rgb(179, 5, 164) | hsl(305, 95%, 36%) | |
90% | #ae09a1 | rgb(174, 9, 161) | hsl(305, 90%, 36%) | |
85% | #aa0e9d | rgb(170, 14, 157) | hsl(305, 85%, 36%) | |
80% | #a51299 | rgb(165, 18, 153) | hsl(305, 80%, 36%) | |
75% | #a11795 | rgb(161, 23, 149) | hsl(305, 75%, 36%) | |
70% | #9c1c91 | rgb(156, 28, 145) | hsl(305, 70%, 36%) | |
65% | #97208e | rgb(151, 32, 142) | hsl(305, 65%, 36%) | |
60% | #93258a | rgb(147, 37, 138) | hsl(305, 60%, 36%) | |
55% | #8e2986 | rgb(142, 41, 134) | hsl(305, 55%, 36%) | |
50% | #8a2e82 | rgb(138, 46, 130) | hsl(305, 50%, 36%) | |
45% | #85327e | rgb(133, 50, 126) | hsl(305, 45%, 36%) | |
40% | #81377a | rgb(129, 55, 122) | hsl(305, 40%, 36%) | |
38% | #7e3878 | rgb(126, 56, 120) | hsl(305, 38%, 36%) | |
35% | #7c3c77 | rgb(124, 60, 119) | hsl(305, 35%, 36%) | |
30% | #774073 | rgb(119, 64, 115) | hsl(305, 30%, 36%) | |
25% | #73456f | rgb(115, 69, 111) | hsl(305, 25%, 36%) | |
20% | #6e496b | rgb(110, 73, 107) | hsl(305, 20%, 36%) | |
15% | #6a4e67 | rgb(106, 78, 103) | hsl(305, 15%, 36%) | |
10% | #655363 | rgb(101, 83, 99) | hsl(305, 10%, 36%) | |
5% | #605760 | rgb(96, 87, 96) | hsl(305, 5%, 36%) | |
0% | #5c5c5c | rgb(92, 92, 92) | hsl(305, 0%, 36%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(305, 38%, 100%) | |
95% | #f7edf6 | rgb(247, 237, 246) | hsl(305, 38%, 95%) | |
90% | #efdcee | rgb(239, 220, 238) | hsl(305, 38%, 90%) | |
85% | #e7cae5 | rgb(231, 202, 229) | hsl(305, 38%, 85%) | |
80% | #dfb9dc | rgb(223, 185, 220) | hsl(305, 38%, 80%) | |
75% | #d7a7d3 | rgb(215, 167, 211) | hsl(305, 38%, 75%) | |
70% | #d095cb | rgb(208, 149, 203) | hsl(305, 38%, 70%) | |
65% | #c884c2 | rgb(200, 132, 194) | hsl(305, 38%, 65%) | |
60% | #c072b9 | rgb(192, 114, 185) | hsl(305, 38%, 60%) | |
55% | #b861b1 | rgb(184, 97, 177) | hsl(305, 38%, 55%) | |
50% | #b04fa8 | rgb(176, 79, 168) | hsl(305, 38%, 50%) | |
45% | #9e4797 | rgb(158, 71, 151) | hsl(305, 38%, 45%) | |
40% | #8d3f86 | rgb(141, 63, 134) | hsl(305, 38%, 40%) | |
36% | #7e3878 | rgb(126, 56, 120) | hsl(305, 38%, 36%) | |
35% | #7b3776 | rgb(123, 55, 118) | hsl(305, 38%, 35%) | |
30% | #6a2f65 | rgb(106, 47, 101) | hsl(305, 38%, 30%) | |
25% | #582854 | rgb(88, 40, 84) | hsl(305, 38%, 25%) | |
20% | #462043 | rgb(70, 32, 67) | hsl(305, 38%, 20%) | |
15% | #351832 | rgb(53, 24, 50) | hsl(305, 38%, 15%) | |
10% | #231022 | rgb(35, 16, 34) | hsl(305, 38%, 10%) | |
5% | #120811 | rgb(18, 8, 17) | hsl(305, 38%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(305, 38%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
126 | 56 | 120 |
rgb(126, 56, 120)
#7e3878
#7e3878