HEX #303E46 color — Limed Spruce
The color #303e46 is a dark shade and slightly desaturated.
Palette
303e46 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(202,19%,98%) |
#eaeef1 |
rgb(234,238,241) |
hsl(202,19%,93%) |
#dbe2e6 |
rgb(219,226,230) |
hsl(202,19%,88%) |
#cbd6dc |
rgb(203,214,220) |
hsl(202,19%,83%) |
#bccad2 |
rgb(188,202,210) |
hsl(202,19%,78%) |
#adbec7 |
rgb(173,190,199) |
hsl(202,19%,73%) |
#9eb2bd |
rgb(158,178,189) |
hsl(202,19%,68%) |
#8fa5b3 |
rgb(143,165,179) |
hsl(202,19%,63%) |
#8099a8 |
rgb(128,153,168) |
hsl(202,19%,58%) |
#708d9e |
rgb(112,141,158) |
hsl(202,19%,53%) |
#638192 |
rgb(99,129,146) |
hsl(202,19%,48%) |
#597382 |
rgb(89,115,130) |
hsl(202,19%,43%) |
#4e6673 |
rgb(78,102,115) |
hsl(202,19%,38%) |
#445864 |
rgb(68,88,100) |
hsl(202,19%,33%) |
#3a4b55 |
rgb(58,75,85) |
hsl(202,19%,28%) |
#303e46 |
rgb(48,62,70) |
hsl(202,19%,23%) |
#253037 |
rgb(37,48,55) |
hsl(202,19%,18%) |
#1b2327 |
rgb(27,35,39) |
hsl(202,19%,13%) |
#111518 |
rgb(17,21,24) |
hsl(202,19%,8%) |
#060809 |
rgb(6,8,9) |
hsl(202,19%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30453F |
rgb(48,69,63) |
hsl(163,18%,23%) |
#303E46 |
rgb(48,62,70) |
hsl(202,19%,23%) |
#303046 |
rgb(48,48,70) |
hsl(240,19%,23%) |
Monochromatic colors
HEX |
RGB |
HSL |
#374751 |
rgb(55,71,81) |
hsl(203,19%,27%) |
#303E46 |
rgb(48,62,70) |
hsl(202,19%,23%) |
#28333A |
rgb(40,51,58) |
hsl(203,18%,19%) |
#202B2F |
rgb(32,43,47) |
hsl(196,19%,15%) |
#182124 |
rgb(24,33,36) |
hsl(195,20%,12%) |
#111719 |
rgb(17,23,25) |
hsl(195,19%,8%) |
Triad color palettes
HEX |
RGB |
HSL |
#303E46 |
rgb(48,62,70) |
hsl(202,19%,23%) |
#463033 |
rgb(70,48,51) |
hsl(352,19%,23%) |
#464230 |
rgb(70,66,48) |
hsl(49,19%,23%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#303E46 |
rgb(48,62,70) |
hsl(202,19%,23%) |
#463830 |
rgb(70,56,48) |
hsl(22,19%,23%) |
#304543 |
rgb(48,69,67) |
hsl(174,18%,23%) |
#464230 |
rgb(70,66,48) |
hsl(49,19%,23%) |