HEX #303F46 color — Limed Spruce
The color #303F46 is a dark shade and slightly desaturated.
Palette
303F46 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(199,19%,98%) |
#eaeef1 |
rgb(234,238,241) |
hsl(199,19%,93%) |
#dbe3e6 |
rgb(219,227,230) |
hsl(199,19%,88%) |
#cbd7dc |
rgb(203,215,220) |
hsl(199,19%,83%) |
#bccbd2 |
rgb(188,203,210) |
hsl(199,19%,78%) |
#adbfc7 |
rgb(173,191,199) |
hsl(199,19%,73%) |
#9eb3bd |
rgb(158,179,189) |
hsl(199,19%,68%) |
#8fa7b3 |
rgb(143,167,179) |
hsl(199,19%,63%) |
#809ba8 |
rgb(128,155,168) |
hsl(199,19%,58%) |
#708f9e |
rgb(112,143,158) |
hsl(199,19%,53%) |
#638392 |
rgb(99,131,146) |
hsl(199,19%,48%) |
#597582 |
rgb(89,117,130) |
hsl(199,19%,43%) |
#4e6873 |
rgb(78,104,115) |
hsl(199,19%,38%) |
#445a64 |
rgb(68,90,100) |
hsl(199,19%,33%) |
#3a4c55 |
rgb(58,76,85) |
hsl(199,19%,28%) |
#303f46 |
rgb(48,63,70) |
hsl(199,19%,23%) |
#253137 |
rgb(37,49,55) |
hsl(199,19%,18%) |
#1b2327 |
rgb(27,35,39) |
hsl(199,19%,13%) |
#111618 |
rgb(17,22,24) |
hsl(199,19%,8%) |
#060809 |
rgb(6,8,9) |
hsl(199,19%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30453E |
rgb(48,69,62) |
hsl(160,18%,23%) |
#303F46 |
rgb(48,63,70) |
hsl(199,19%,23%) |
#303046 |
rgb(48,48,70) |
hsl(240,19%,23%) |
Monochromatic colors
HEX |
RGB |
HSL |
#374A51 |
rgb(55,74,81) |
hsl(196,19%,27%) |
#303F46 |
rgb(48,63,70) |
hsl(199,19%,23%) |
#28363A |
rgb(40,54,58) |
hsl(193,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 |
#303F46 |
rgb(48,63,70) |
hsl(199,19%,23%) |
#463034 |
rgb(70,48,52) |
hsl(349,19%,23%) |
#464230 |
rgb(70,66,48) |
hsl(49,19%,23%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#303F46 |
rgb(48,63,70) |
hsl(199,19%,23%) |
#463830 |
rgb(70,56,48) |
hsl(22,19%,23%) |
#304542 |
rgb(48,69,66) |
hsl(171,18%,23%) |
#464230 |
rgb(70,66,48) |
hsl(49,19%,23%) |