HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#5b5ea6
rgb(91, 94, 166)
hsl(238, 30%, 50%)
Lighter / Darker:
100% | #ffffff | |
95% | #eeeff6 | |
90% | #dedeed | |
85% | #cdcee4 | |
80% | #bdbedb | |
75% | #acadd2 | |
70% | #9c9dc9 | |
65% | #8b8dc1 | |
60% | #7a7cb8 | |
55% | #6a6caf | |
50% | #5b5ea6 | |
45% | #505395 | |
40% | #474985 | |
35% | #3e4074 | |
30% | #363763 | |
25% | #2d2e53 | |
20% | #242542 | |
15% | #1b1c32 | |
10% | #121221 | |
5% | #090911 | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #a65959 | rgb(166, 89, 89) | hsl(0, 30%, 50%) | |
15 | #a66c59 | rgb(166, 108, 89) | hsl(15, 30%, 50%) | |
30 | #a68059 | rgb(166, 128, 89) | hsl(30, 30%, 50%) | |
45 | #a69359 | rgb(166, 147, 89) | hsl(45, 30%, 50%) | |
60 | #a6a659 | rgb(166, 166, 89) | hsl(60, 30%, 50%) | |
75 | #93a659 | rgb(147, 166, 89) | hsl(75, 30%, 50%) | |
90 | #80a659 | rgb(128, 166, 89) | hsl(90, 30%, 50%) | |
105 | #6ca659 | rgb(108, 166, 89) | hsl(105, 30%, 50%) | |
120 | #59a659 | rgb(89, 166, 89) | hsl(120, 30%, 50%) | |
135 | #59a66c | rgb(89, 166, 108) | hsl(135, 30%, 50%) | |
150 | #59a680 | rgb(89, 166, 128) | hsl(150, 30%, 50%) | |
165 | #59a693 | rgb(89, 166, 147) | hsl(165, 30%, 50%) | |
180 | #59a6a6 | rgb(89, 166, 166) | hsl(180, 30%, 50%) | |
195 | #5993a6 | rgb(89, 147, 166) | hsl(195, 30%, 50%) | |
210 | #5980a6 | rgb(89, 128, 166) | hsl(210, 30%, 50%) | |
225 | #596ca6 | rgb(89, 108, 166) | hsl(225, 30%, 50%) | |
238 | #5b5ea6 | rgb(91, 94, 166) | hsl(238, 30%, 50%) | |
240 | #5959a6 | rgb(89, 89, 166) | hsl(240, 30%, 50%) | |
255 | #6c59a6 | rgb(108, 89, 166) | hsl(255, 30%, 50%) | |
270 | #8059a6 | rgb(128, 89, 166) | hsl(270, 30%, 50%) | |
285 | #9359a6 | rgb(147, 89, 166) | hsl(285, 30%, 50%) | |
300 | #a659a6 | rgb(166, 89, 166) | hsl(300, 30%, 50%) | |
315 | #a65993 | rgb(166, 89, 147) | hsl(315, 30%, 50%) | |
330 | #a65980 | rgb(166, 89, 128) | hsl(330, 30%, 50%) | |
345 | #a6596c | rgb(166, 89, 108) | hsl(345, 30%, 50%) | |
360 | #a65959 | rgb(166, 89, 89) | hsl(0, 30%, 50%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #0008ff | rgb(0, 8, 255) | hsl(238, 100%, 50%) | |
95% | #060ef9 | rgb(6, 14, 249) | hsl(238, 95%, 50%) | |
90% | #0d14f2 | rgb(13, 20, 242) | hsl(238, 90%, 50%) | |
85% | #131aec | rgb(19, 26, 236) | hsl(238, 85%, 50%) | |
80% | #1920e6 | rgb(25, 32, 230) | hsl(238, 80%, 50%) | |
75% | #2026df | rgb(32, 38, 223) | hsl(238, 75%, 50%) | |
70% | #262cd9 | rgb(38, 44, 217) | hsl(238, 70%, 50%) | |
65% | #2d32d2 | rgb(45, 50, 210) | hsl(238, 65%, 50%) | |
60% | #3338cc | rgb(51, 56, 204) | hsl(238, 60%, 50%) | |
55% | #393ec6 | rgb(57, 62, 198) | hsl(238, 55%, 50%) | |
50% | #4044bf | rgb(64, 68, 191) | hsl(238, 50%, 50%) | |
45% | #464ab9 | rgb(70, 74, 185) | hsl(238, 45%, 50%) | |
40% | #4d50b3 | rgb(77, 80, 179) | hsl(238, 40%, 50%) | |
35% | #5356ac | rgb(83, 86, 172) | hsl(238, 35%, 50%) | |
30% | #5b5ea6 | rgb(91, 94, 166) | hsl(238, 30%, 50%) | |
25% | #60629f | rgb(96, 98, 159) | hsl(238, 25%, 50%) | |
20% | #666899 | rgb(102, 104, 153) | hsl(238, 20%, 50%) | |
15% | #6c6e93 | rgb(108, 110, 147) | hsl(238, 15%, 50%) | |
10% | #73748c | rgb(115, 116, 140) | hsl(238, 10%, 50%) | |
5% | #797a86 | rgb(121, 122, 134) | hsl(238, 5%, 50%) | |
0% | #808080 | rgb(128, 128, 128) | hsl(238, 0%, 50%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(238, 30%, 100%) | |
95% | #eeeff6 | rgb(238, 239, 246) | hsl(238, 30%, 95%) | |
90% | #dedeed | rgb(222, 222, 237) | hsl(238, 30%, 90%) | |
85% | #cdcee4 | rgb(205, 206, 228) | hsl(238, 30%, 85%) | |
80% | #bdbedb | rgb(189, 190, 219) | hsl(238, 30%, 80%) | |
75% | #acadd2 | rgb(172, 173, 210) | hsl(238, 30%, 75%) | |
70% | #9c9dc9 | rgb(156, 157, 201) | hsl(238, 30%, 70%) | |
65% | #8b8dc1 | rgb(139, 141, 193) | hsl(238, 30%, 65%) | |
60% | #7a7cb8 | rgb(122, 124, 184) | hsl(238, 30%, 60%) | |
55% | #6a6caf | rgb(106, 108, 175) | hsl(238, 30%, 55%) | |
50% | #5b5ea6 | rgb(91, 94, 166) | hsl(238, 30%, 50%) | |
45% | #505395 | rgb(80, 83, 149) | hsl(238, 30%, 45%) | |
40% | #474985 | rgb(71, 73, 133) | hsl(238, 30%, 40%) | |
35% | #3e4074 | rgb(62, 64, 116) | hsl(238, 30%, 35%) | |
30% | #363763 | rgb(54, 55, 99) | hsl(238, 30%, 30%) | |
25% | #2d2e53 | rgb(45, 46, 83) | hsl(238, 30%, 25%) | |
20% | #242542 | rgb(36, 37, 66) | hsl(238, 30%, 20%) | |
15% | #1b1c32 | rgb(27, 28, 50) | hsl(238, 30%, 15%) | |
10% | #121221 | rgb(18, 18, 33) | hsl(238, 30%, 10%) | |
5% | #090911 | rgb(9, 9, 17) | hsl(238, 30%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(238, 30%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
91 | 94 | 166 |
rgb(91, 94, 166)
#5b5ea6
#5b5ea6