HEX #303D45 color — Limed Spruce
The color #303d45 is a dark shade and slightly desaturated.
Palette
303d45 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(203,18%,98%) |
#eaeef0 |
rgb(234,238,240) |
hsl(203,18%,93%) |
#dbe2e6 |
rgb(219,226,230) |
hsl(203,18%,88%) |
#ccd5db |
rgb(204,213,219) |
hsl(203,18%,83%) |
#bdc9d1 |
rgb(189,201,209) |
hsl(203,18%,78%) |
#aebdc7 |
rgb(174,189,199) |
hsl(203,18%,73%) |
#9fb1bc |
rgb(159,177,188) |
hsl(203,18%,68%) |
#90a5b2 |
rgb(144,165,178) |
hsl(203,18%,63%) |
#8198a7 |
rgb(129,152,167) |
hsl(203,18%,58%) |
#728c9d |
rgb(114,140,157) |
hsl(203,18%,53%) |
#648090 |
rgb(100,128,144) |
hsl(203,18%,48%) |
#5a7281 |
rgb(90,114,129) |
hsl(203,18%,43%) |
#4f6572 |
rgb(79,101,114) |
hsl(203,18%,38%) |
#455863 |
rgb(69,88,99) |
hsl(203,18%,33%) |
#3b4a54 |
rgb(59,74,84) |
hsl(203,18%,28%) |
#303d45 |
rgb(48,61,69) |
hsl(203,18%,23%) |
#263036 |
rgb(38,48,54) |
hsl(203,18%,18%) |
#1b2327 |
rgb(27,35,39) |
hsl(203,18%,13%) |
#111518 |
rgb(17,21,24) |
hsl(203,18%,8%) |
#060809 |
rgb(6,8,9) |
hsl(203,18%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30453F |
rgb(48,69,63) |
hsl(163,18%,23%) |
#303D45 |
rgb(48,61,69) |
hsl(203,18%,23%) |
#313045 |
rgb(49,48,69) |
hsl(243,18%,23%) |
Monochromatic colors
HEX |
RGB |
HSL |
#374750 |
rgb(55,71,80) |
hsl(202,19%,26%) |
#303D45 |
rgb(48,61,69) |
hsl(203,18%,23%) |
#283339 |
rgb(40,51,57) |
hsl(201,18%,19%) |
#20292E |
rgb(32,41,46) |
hsl(201,18%,15%) |
#181F23 |
rgb(24,31,35) |
hsl(202,19%,12%) |
#111718 |
rgb(17,23,24) |
hsl(189,17%,8%) |
Triad color palettes
HEX |
RGB |
HSL |
#303D45 |
rgb(48,61,69) |
hsl(203,18%,23%) |
#453032 |
rgb(69,48,50) |
hsl(354,18%,23%) |
#454230 |
rgb(69,66,48) |
hsl(51,18%,23%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#303D45 |
rgb(48,61,69) |
hsl(203,18%,23%) |
#453830 |
rgb(69,56,48) |
hsl(23,18%,23%) |
#304542 |
rgb(48,69,66) |
hsl(171,18%,23%) |
#454230 |
rgb(69,66,48) |
hsl(51,18%,23%) |