HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#2a293e
rgb(42, 41, 62)
hsl(243, 20%, 20%)
Lighter / Darker:
100% | #ffffff | |
95% | #f0f0f5 | |
90% | #e1e0eb | |
85% | #d2d1e0 | |
80% | #c3c2d6 | |
75% | #b4b3cc | |
70% | #a5a3c2 | |
65% | #9694b8 | |
60% | #8785ad | |
55% | #7875a3 | |
50% | #696699 | |
45% | #5e5c8a | |
40% | #54527a | |
35% | #49476b | |
30% | #3f3d5c | |
25% | #34334d | |
20% | #2a293e | |
15% | #1f1f2e | |
10% | #15141f | |
5% | #0a0a0f | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #3d2929 | rgb(61, 41, 41) | hsl(0, 20%, 20%) | |
15 | #3d2e29 | rgb(61, 46, 41) | hsl(15, 20%, 20%) | |
30 | #3d3329 | rgb(61, 51, 41) | hsl(30, 20%, 20%) | |
45 | #3d3829 | rgb(61, 56, 41) | hsl(45, 20%, 20%) | |
60 | #3d3d29 | rgb(61, 61, 41) | hsl(60, 20%, 20%) | |
75 | #383d29 | rgb(56, 61, 41) | hsl(75, 20%, 20%) | |
90 | #333d29 | rgb(51, 61, 41) | hsl(90, 20%, 20%) | |
105 | #2e3d29 | rgb(46, 61, 41) | hsl(105, 20%, 20%) | |
120 | #293d29 | rgb(41, 61, 41) | hsl(120, 20%, 20%) | |
135 | #293d2e | rgb(41, 61, 46) | hsl(135, 20%, 20%) | |
150 | #293d33 | rgb(41, 61, 51) | hsl(150, 20%, 20%) | |
165 | #293d38 | rgb(41, 61, 56) | hsl(165, 20%, 20%) | |
180 | #293d3d | rgb(41, 61, 61) | hsl(180, 20%, 20%) | |
195 | #29383d | rgb(41, 56, 61) | hsl(195, 20%, 20%) | |
210 | #29333d | rgb(41, 51, 61) | hsl(210, 20%, 20%) | |
225 | #292e3d | rgb(41, 46, 61) | hsl(225, 20%, 20%) | |
240 | #29293d | rgb(41, 41, 61) | hsl(240, 20%, 20%) | |
243 | #2a293e | rgb(42, 41, 62) | hsl(243, 20%, 20%) | |
255 | #2e293d | rgb(46, 41, 61) | hsl(255, 20%, 20%) | |
270 | #33293d | rgb(51, 41, 61) | hsl(270, 20%, 20%) | |
285 | #38293d | rgb(56, 41, 61) | hsl(285, 20%, 20%) | |
300 | #3d293d | rgb(61, 41, 61) | hsl(300, 20%, 20%) | |
315 | #3d2938 | rgb(61, 41, 56) | hsl(315, 20%, 20%) | |
330 | #3d2933 | rgb(61, 41, 51) | hsl(330, 20%, 20%) | |
345 | #3d292e | rgb(61, 41, 46) | hsl(345, 20%, 20%) | |
360 | #3d2929 | rgb(61, 41, 41) | hsl(0, 20%, 20%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #050066 | rgb(5, 0, 102) | hsl(243, 100%, 20%) | |
95% | #070363 | rgb(7, 3, 99) | hsl(243, 95%, 20%) | |
90% | #0a0561 | rgb(10, 5, 97) | hsl(243, 90%, 20%) | |
85% | #0c085e | rgb(12, 8, 94) | hsl(243, 85%, 20%) | |
80% | #0e0a5c | rgb(14, 10, 92) | hsl(243, 80%, 20%) | |
75% | #110d59 | rgb(17, 13, 89) | hsl(243, 75%, 20%) | |
70% | #130f57 | rgb(19, 15, 87) | hsl(243, 70%, 20%) | |
65% | #151254 | rgb(21, 18, 84) | hsl(243, 65%, 20%) | |
60% | #171452 | rgb(23, 20, 82) | hsl(243, 60%, 20%) | |
55% | #1a174f | rgb(26, 23, 79) | hsl(243, 55%, 20%) | |
50% | #1c194d | rgb(28, 25, 77) | hsl(243, 50%, 20%) | |
45% | #1e1c4a | rgb(30, 28, 74) | hsl(243, 45%, 20%) | |
40% | #211f47 | rgb(33, 31, 71) | hsl(243, 40%, 20%) | |
35% | #232145 | rgb(35, 33, 69) | hsl(243, 35%, 20%) | |
30% | #252442 | rgb(37, 36, 66) | hsl(243, 30%, 20%) | |
25% | #282640 | rgb(40, 38, 64) | hsl(243, 25%, 20%) | |
20% | #2a293e | rgb(42, 41, 62) | hsl(243, 20%, 20%) | |
15% | #2c2b3b | rgb(44, 43, 59) | hsl(243, 15%, 20%) | |
10% | #2e2e38 | rgb(46, 46, 56) | hsl(243, 10%, 20%) | |
5% | #313036 | rgb(49, 48, 54) | hsl(243, 5%, 20%) | |
0% | #333333 | rgb(51, 51, 51) | hsl(243, 0%, 20%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(243, 20%, 100%) | |
95% | #f0f0f5 | rgb(240, 240, 245) | hsl(243, 20%, 95%) | |
90% | #e1e0eb | rgb(225, 224, 235) | hsl(243, 20%, 90%) | |
85% | #d2d1e0 | rgb(210, 209, 224) | hsl(243, 20%, 85%) | |
80% | #c3c2d6 | rgb(195, 194, 214) | hsl(243, 20%, 80%) | |
75% | #b4b3cc | rgb(180, 179, 204) | hsl(243, 20%, 75%) | |
70% | #a5a3c2 | rgb(165, 163, 194) | hsl(243, 20%, 70%) | |
65% | #9694b8 | rgb(150, 148, 184) | hsl(243, 20%, 65%) | |
60% | #8785ad | rgb(135, 133, 173) | hsl(243, 20%, 60%) | |
55% | #7875a3 | rgb(120, 117, 163) | hsl(243, 20%, 55%) | |
50% | #696699 | rgb(105, 102, 153) | hsl(243, 20%, 50%) | |
45% | #5e5c8a | rgb(94, 92, 138) | hsl(243, 20%, 45%) | |
40% | #54527a | rgb(84, 82, 122) | hsl(243, 20%, 40%) | |
35% | #49476b | rgb(73, 71, 107) | hsl(243, 20%, 35%) | |
30% | #3f3d5c | rgb(63, 61, 92) | hsl(243, 20%, 30%) | |
25% | #34334d | rgb(52, 51, 77) | hsl(243, 20%, 25%) | |
20% | #2a293e | rgb(42, 41, 62) | hsl(243, 20%, 20%) | |
15% | #1f1f2e | rgb(31, 31, 46) | hsl(243, 20%, 15%) | |
10% | #15141f | rgb(21, 20, 31) | hsl(243, 20%, 10%) | |
5% | #0a0a0f | rgb(10, 10, 15) | hsl(243, 20%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(243, 20%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
42 | 41 | 62 |
rgb(42, 41, 62)
#2a293e
#2a293e