HTML Color Picker
Pick a Color:
![colormap](img_colormap.gif)
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
MediumSlateBlue
#7b68ee
rgb(123, 104, 238)
hsl(249, 80%, 67%)
Lighter / Darker:
100% | #ffffff | |
95% | #ebe8fc | |
90% | #d7d1fa | |
85% | #c3baf7 | |
80% | #afa3f5 | |
75% | #9c8cf2 | |
70% | #8875f0 | |
67% | #7b68ee | |
65% | #745eed | |
60% | #6047eb | |
55% | #4c30e8 | |
50% | #3819e6 | |
45% | #3217cf | |
40% | #2d14b8 | |
35% | #2712a1 | |
30% | #220f8a | |
25% | #1c0d73 | |
20% | #160a5c | |
15% | #110845 | |
10% | #0b052e | |
5% | #060317 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #ee6868 | rgb(238, 104, 104) | hsl(0, 80%, 67%) | |
15 | #ee8968 | rgb(238, 137, 104) | hsl(15, 80%, 67%) | |
30 | #eeab68 | rgb(238, 171, 104) | hsl(30, 80%, 67%) | |
45 | #eecd68 | rgb(238, 205, 104) | hsl(45, 80%, 67%) | |
60 | #eeee68 | rgb(238, 238, 104) | hsl(60, 80%, 67%) | |
75 | #cdee68 | rgb(205, 238, 104) | hsl(75, 80%, 67%) | |
90 | #abee68 | rgb(171, 238, 104) | hsl(90, 80%, 67%) | |
105 | #89ee68 | rgb(137, 238, 104) | hsl(105, 80%, 67%) | |
120 | #68ee68 | rgb(104, 238, 104) | hsl(120, 80%, 67%) | |
135 | #68ee89 | rgb(104, 238, 137) | hsl(135, 80%, 67%) | |
150 | #68eeab | rgb(104, 238, 171) | hsl(150, 80%, 67%) | |
165 | #68eecd | rgb(104, 238, 205) | hsl(165, 80%, 67%) | |
180 | #68eeee | rgb(104, 238, 238) | hsl(180, 80%, 67%) | |
195 | #68cdee | rgb(104, 205, 238) | hsl(195, 80%, 67%) | |
210 | #68abee | rgb(104, 171, 238) | hsl(210, 80%, 67%) | |
225 | #6889ee | rgb(104, 137, 238) | hsl(225, 80%, 67%) | |
240 | #6868ee | rgb(104, 104, 238) | hsl(240, 80%, 67%) | |
249 | #7b68ee | rgb(123, 104, 238) | hsl(249, 80%, 67%) | |
255 | #8968ee | rgb(137, 104, 238) | hsl(255, 80%, 67%) | |
270 | #ab68ee | rgb(171, 104, 238) | hsl(270, 80%, 67%) | |
285 | #cd68ee | rgb(205, 104, 238) | hsl(285, 80%, 67%) | |
300 | #ee68ee | rgb(238, 104, 238) | hsl(300, 80%, 67%) | |
315 | #ee68cd | rgb(238, 104, 205) | hsl(315, 80%, 67%) | |
330 | #ee68ab | rgb(238, 104, 171) | hsl(330, 80%, 67%) | |
345 | #ee6889 | rgb(238, 104, 137) | hsl(345, 80%, 67%) | |
360 | #ee6868 | rgb(238, 104, 104) | hsl(0, 80%, 67%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #7057ff | rgb(112, 87, 255) | hsl(249, 100%, 67%) | |
95% | #735bfb | rgb(115, 91, 251) | hsl(249, 95%, 67%) | |
90% | #765ff7 | rgb(118, 95, 247) | hsl(249, 90%, 67%) | |
85% | #7963f2 | rgb(121, 99, 242) | hsl(249, 85%, 67%) | |
80% | #7b68ee | rgb(123, 104, 238) | hsl(249, 80%, 67%) | |
75% | #7f6cea | rgb(127, 108, 234) | hsl(249, 75%, 67%) | |
70% | #8270e6 | rgb(130, 112, 230) | hsl(249, 70%, 67%) | |
65% | #8574e2 | rgb(133, 116, 226) | hsl(249, 65%, 67%) | |
60% | #8878dd | rgb(136, 120, 221) | hsl(249, 60%, 67%) | |
55% | #8a7dd9 | rgb(138, 125, 217) | hsl(249, 55%, 67%) | |
50% | #8d81d5 | rgb(141, 129, 213) | hsl(249, 50%, 67%) | |
45% | #9085d1 | rgb(144, 133, 209) | hsl(249, 45%, 67%) | |
40% | #9389cd | rgb(147, 137, 205) | hsl(249, 40%, 67%) | |
35% | #968dc8 | rgb(150, 141, 200) | hsl(249, 35%, 67%) | |
30% | #9992c4 | rgb(153, 146, 196) | hsl(249, 30%, 67%) | |
25% | #9c96c0 | rgb(156, 150, 192) | hsl(249, 25%, 67%) | |
20% | #9f9abc | rgb(159, 154, 188) | hsl(249, 20%, 67%) | |
15% | #a29eb7 | rgb(162, 158, 183) | hsl(249, 15%, 67%) | |
10% | #a5a2b3 | rgb(165, 162, 179) | hsl(249, 10%, 67%) | |
5% | #a8a7af | rgb(168, 167, 175) | hsl(249, 5%, 67%) | |
0% | #ababab | rgb(171, 171, 171) | hsl(249, 0%, 67%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(249, 80%, 100%) | |
95% | #ebe8fc | rgb(235, 232, 252) | hsl(249, 80%, 95%) | |
90% | #d7d1fa | rgb(215, 209, 250) | hsl(249, 80%, 90%) | |
85% | #c3baf7 | rgb(195, 186, 247) | hsl(249, 80%, 85%) | |
80% | #afa3f5 | rgb(175, 163, 245) | hsl(249, 80%, 80%) | |
75% | #9c8cf2 | rgb(156, 140, 242) | hsl(249, 80%, 75%) | |
70% | #8875f0 | rgb(136, 117, 240) | hsl(249, 80%, 70%) | |
67% | #7b68ee | rgb(123, 104, 238) | hsl(249, 80%, 67%) | |
65% | #745eed | rgb(116, 94, 237) | hsl(249, 80%, 65%) | |
60% | #6047eb | rgb(96, 71, 235) | hsl(249, 80%, 60%) | |
55% | #4c30e8 | rgb(76, 48, 232) | hsl(249, 80%, 55%) | |
50% | #3819e6 | rgb(56, 25, 230) | hsl(249, 80%, 50%) | |
45% | #3217cf | rgb(50, 23, 207) | hsl(249, 80%, 45%) | |
40% | #2d14b8 | rgb(45, 20, 184) | hsl(249, 80%, 40%) | |
35% | #2712a1 | rgb(39, 18, 161) | hsl(249, 80%, 35%) | |
30% | #220f8a | rgb(34, 15, 138) | hsl(249, 80%, 30%) | |
25% | #1c0d73 | rgb(28, 13, 115) | hsl(249, 80%, 25%) | |
20% | #160a5c | rgb(22, 10, 92) | hsl(249, 80%, 20%) | |
15% | #110845 | rgb(17, 8, 69) | hsl(249, 80%, 15%) | |
10% | #0b052e | rgb(11, 5, 46) | hsl(249, 80%, 10%) | |
5% | #060317 | rgb(6, 3, 23) | hsl(249, 80%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(249, 80%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
123 | 104 | 238 |
rgb(123, 104, 238)
#7b68ee
#7b68ee