HEX #363B45 color — Bright Gray
The color #363b45 is a dark shade and slightly desaturated.
Palette
363b45 color palette from light to dark
| HEX |
RGB |
HSL |
| #fcfcfd |
rgb(252,252,253) |
hsl(220,12%,99%) |
| #eeeff2 |
rgb(238,239,242) |
hsl(220,12%,94%) |
| #e0e2e6 |
rgb(224,226,230) |
hsl(220,12%,89%) |
| #d1d5db |
rgb(209,213,219) |
hsl(220,12%,84%) |
| #c3c7d0 |
rgb(195,199,208) |
hsl(220,12%,79%) |
| #b5bac5 |
rgb(181,186,197) |
hsl(220,12%,74%) |
| #a6adb9 |
rgb(166,173,185) |
hsl(220,12%,69%) |
| #98a0ae |
rgb(152,160,174) |
hsl(220,12%,64%) |
| #8a92a3 |
rgb(138,146,163) |
hsl(220,12%,59%) |
| #7c8598 |
rgb(124,133,152) |
hsl(220,12%,54%) |
| #6e788c |
rgb(110,120,140) |
hsl(220,12%,49%) |
| #636c7e |
rgb(99,108,126) |
hsl(220,12%,44%) |
| #585f6f |
rgb(88,95,111) |
hsl(220,12%,39%) |
| #4c5361 |
rgb(76,83,97) |
hsl(220,12%,34%) |
| #414753 |
rgb(65,71,83) |
hsl(220,12%,29%) |
| #363b45 |
rgb(54,59,69) |
hsl(220,12%,24%) |
| #2b2f36 |
rgb(43,47,54) |
hsl(220,12%,19%) |
| #1f2228 |
rgb(31,34,40) |
hsl(220,12%,14%) |
| #14161a |
rgb(20,22,26) |
hsl(220,12%,9%) |
| #090a0b |
rgb(9,10,11) |
hsl(220,12%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #364545 |
rgb(54,69,69) |
hsl(180,12%,24%) |
| #363B45 |
rgb(54,59,69) |
hsl(220,12%,24%) |
| #3B3645 |
rgb(59,54,69) |
hsl(260,12%,24%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #3E4550 |
rgb(62,69,80) |
hsl(217,13%,28%) |
| #363B45 |
rgb(54,59,69) |
hsl(220,12%,24%) |
| #2D3039 |
rgb(45,48,57) |
hsl(225,12%,20%) |
| #24292E |
rgb(36,41,46) |
hsl(210,12%,16%) |
| #1C1F23 |
rgb(28,31,35) |
hsl(214,11%,12%) |
| #131418 |
rgb(19,20,24) |
hsl(228,12%,8%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #363B45 |
rgb(54,59,69) |
hsl(220,12%,24%) |
| #453836 |
rgb(69,56,54) |
hsl(8,12%,24%) |
| #424536 |
rgb(66,69,54) |
hsl(72,12%,24%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #363B45 |
rgb(54,59,69) |
hsl(220,12%,24%) |
| #454036 |
rgb(69,64,54) |
hsl(40,12%,24%) |
| #364245 |
rgb(54,66,69) |
hsl(192,12%,24%) |
| #424536 |
rgb(66,69,54) |
hsl(72,12%,24%) |
