HTML Color Picker
Pick a Color:

Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#363945
rgb(54, 57, 69)
hsl(228, 12%, 24%)
Lighter / Darker:
100% | #ffffff | |
95% | #f1f1f4 | |
90% | #e2e4e9 | |
85% | #d4d6dd | |
80% | #c6c8d2 | |
75% | #b8bbc7 | |
70% | #a9adbc | |
65% | #9b9fb0 | |
60% | #8d92a5 | |
55% | #7e849a | |
50% | #70768f | |
45% | #656a81 | |
40% | #5a5f72 | |
35% | #4f5364 | |
30% | #434756 | |
25% | #383b47 | |
24% | #363945 | |
20% | #2d2f39 | |
15% | #22232b | |
10% | #16181d | |
5% | #0b0c0e | |
0% | #000000 |
Hue
hue | Hex | Rgb | Hsl | |
0 | #453636 | rgb(69, 54, 54) | hsl(0, 12%, 24%) | |
15 | #453a36 | rgb(69, 58, 54) | hsl(15, 12%, 24%) | |
30 | #453d36 | rgb(69, 61, 54) | hsl(30, 12%, 24%) | |
45 | #454136 | rgb(69, 65, 54) | hsl(45, 12%, 24%) | |
60 | #454536 | rgb(69, 69, 54) | hsl(60, 12%, 24%) | |
75 | #414536 | rgb(65, 69, 54) | hsl(75, 12%, 24%) | |
90 | #3d4536 | rgb(61, 69, 54) | hsl(90, 12%, 24%) | |
105 | #3a4536 | rgb(58, 69, 54) | hsl(105, 12%, 24%) | |
120 | #364536 | rgb(54, 69, 54) | hsl(120, 12%, 24%) | |
135 | #36453a | rgb(54, 69, 58) | hsl(135, 12%, 24%) | |
150 | #36453d | rgb(54, 69, 61) | hsl(150, 12%, 24%) | |
165 | #364541 | rgb(54, 69, 65) | hsl(165, 12%, 24%) | |
180 | #364545 | rgb(54, 69, 69) | hsl(180, 12%, 24%) | |
195 | #364145 | rgb(54, 65, 69) | hsl(195, 12%, 24%) | |
210 | #363d45 | rgb(54, 61, 69) | hsl(210, 12%, 24%) | |
225 | #363a45 | rgb(54, 58, 69) | hsl(225, 12%, 24%) | |
228 | #363945 | rgb(54, 57, 69) | hsl(228, 12%, 24%) | |
240 | #363645 | rgb(54, 54, 69) | hsl(240, 12%, 24%) | |
255 | #3a3645 | rgb(58, 54, 69) | hsl(255, 12%, 24%) | |
270 | #3d3645 | rgb(61, 54, 69) | hsl(270, 12%, 24%) | |
285 | #413645 | rgb(65, 54, 69) | hsl(285, 12%, 24%) | |
300 | #453645 | rgb(69, 54, 69) | hsl(300, 12%, 24%) | |
315 | #453641 | rgb(69, 54, 65) | hsl(315, 12%, 24%) | |
330 | #45363d | rgb(69, 54, 61) | hsl(330, 12%, 24%) | |
345 | #45363a | rgb(69, 54, 58) | hsl(345, 12%, 24%) | |
360 | #453636 | rgb(69, 54, 54) | hsl(0, 12%, 24%) |
Saturation
sat | Hex | Rgb | Hsl | |
100% | #00187a | rgb(0, 24, 122) | hsl(228, 100%, 24%) | |
95% | #031a77 | rgb(3, 26, 119) | hsl(228, 95%, 24%) | |
90% | #061c74 | rgb(6, 28, 116) | hsl(228, 90%, 24%) | |
85% | #091e71 | rgb(9, 30, 113) | hsl(228, 85%, 24%) | |
80% | #0c206e | rgb(12, 32, 110) | hsl(228, 80%, 24%) | |
75% | #0f226b | rgb(15, 34, 107) | hsl(228, 75%, 24%) | |
70% | #122368 | rgb(18, 35, 104) | hsl(228, 70%, 24%) | |
65% | #152565 | rgb(21, 37, 101) | hsl(228, 65%, 24%) | |
60% | #182762 | rgb(24, 39, 98) | hsl(228, 60%, 24%) | |
55% | #1c295f | rgb(28, 41, 95) | hsl(228, 55%, 24%) | |
50% | #1f2b5c | rgb(31, 43, 92) | hsl(228, 50%, 24%) | |
45% | #222d59 | rgb(34, 45, 89) | hsl(228, 45%, 24%) | |
40% | #252f56 | rgb(37, 47, 86) | hsl(228, 40%, 24%) | |
35% | #283053 | rgb(40, 48, 83) | hsl(228, 35%, 24%) | |
30% | #2b3250 | rgb(43, 50, 80) | hsl(228, 30%, 24%) | |
25% | #2e344d | rgb(46, 52, 77) | hsl(228, 25%, 24%) | |
20% | #313649 | rgb(49, 54, 73) | hsl(228, 20%, 24%) | |
15% | #343846 | rgb(52, 56, 70) | hsl(228, 15%, 24%) | |
12% | #363945 | rgb(54, 57, 69) | hsl(228, 12%, 24%) | |
10% | #373a43 | rgb(55, 58, 67) | hsl(228, 10%, 24%) | |
5% | #3a3b40 | rgb(58, 59, 64) | hsl(228, 5%, 24%) | |
0% | #3d3d3d | rgb(61, 61, 61) | hsl(228, 0%, 24%) |
Lightness
light | Hex | Rgb | Hsl | |
100% | #ffffff | rgb(255, 255, 255) | hsl(228, 12%, 100%) | |
95% | #f1f1f4 | rgb(241, 241, 244) | hsl(228, 12%, 95%) | |
90% | #e2e4e9 | rgb(226, 228, 233) | hsl(228, 12%, 90%) | |
85% | #d4d6dd | rgb(212, 214, 221) | hsl(228, 12%, 85%) | |
80% | #c6c8d2 | rgb(198, 200, 210) | hsl(228, 12%, 80%) | |
75% | #b8bbc7 | rgb(184, 187, 199) | hsl(228, 12%, 75%) | |
70% | #a9adbc | rgb(169, 173, 188) | hsl(228, 12%, 70%) | |
65% | #9b9fb0 | rgb(155, 159, 176) | hsl(228, 12%, 65%) | |
60% | #8d92a5 | rgb(141, 146, 165) | hsl(228, 12%, 60%) | |
55% | #7e849a | rgb(126, 132, 154) | hsl(228, 12%, 55%) | |
50% | #70768f | rgb(112, 118, 143) | hsl(228, 12%, 50%) | |
45% | #656a81 | rgb(101, 106, 129) | hsl(228, 12%, 45%) | |
40% | #5a5f72 | rgb(90, 95, 114) | hsl(228, 12%, 40%) | |
35% | #4f5364 | rgb(79, 83, 100) | hsl(228, 12%, 35%) | |
30% | #434756 | rgb(67, 71, 86) | hsl(228, 12%, 30%) | |
25% | #383b47 | rgb(56, 59, 71) | hsl(228, 12%, 25%) | |
24% | #363945 | rgb(54, 57, 69) | hsl(228, 12%, 24%) | |
20% | #2d2f39 | rgb(45, 47, 57) | hsl(228, 12%, 20%) | |
15% | #22232b | rgb(34, 35, 43) | hsl(228, 12%, 15%) | |
10% | #16181d | rgb(22, 24, 29) | hsl(228, 12%, 10%) | |
5% | #0b0c0e | rgb(11, 12, 14) | hsl(228, 12%, 5%) | |
0% | #000000 | rgb(0, 0, 0) | hsl(228, 12%, 0%) |
RGB (Red, Green, Blue)
Red | Green | Blue |
---|---|---|
54 | 57 | 69 |
rgb(54, 57, 69)
#363945
#363945