HEX #303F45 color — Limed Spruce
The color #303f45 is a dark shade and slightly desaturated.
Palette
303f45 color palette from light to dark
| HEX |
RGB |
HSL |
| #f9fafb |
rgb(249,250,251) |
hsl(197,18%,98%) |
| #eaeff0 |
rgb(234,239,240) |
hsl(197,18%,93%) |
| #dbe3e6 |
rgb(219,227,230) |
hsl(197,18%,88%) |
| #ccd7db |
rgb(204,215,219) |
hsl(197,18%,83%) |
| #bdcbd1 |
rgb(189,203,209) |
hsl(197,18%,78%) |
| #aec0c7 |
rgb(174,192,199) |
hsl(197,18%,73%) |
| #9fb4bc |
rgb(159,180,188) |
hsl(197,18%,68%) |
| #90a8b2 |
rgb(144,168,178) |
hsl(197,18%,63%) |
| #819ca7 |
rgb(129,156,167) |
hsl(197,18%,58%) |
| #72909d |
rgb(114,144,157) |
hsl(197,18%,53%) |
| #648490 |
rgb(100,132,144) |
hsl(197,18%,48%) |
| #5a7681 |
rgb(90,118,129) |
hsl(197,18%,43%) |
| #4f6872 |
rgb(79,104,114) |
hsl(197,18%,38%) |
| #455b63 |
rgb(69,91,99) |
hsl(197,18%,33%) |
| #3b4d54 |
rgb(59,77,84) |
hsl(197,18%,28%) |
| #303f45 |
rgb(48,63,69) |
hsl(197,18%,23%) |
| #263136 |
rgb(38,49,54) |
hsl(197,18%,18%) |
| #1b2427 |
rgb(27,36,39) |
hsl(197,18%,13%) |
| #111618 |
rgb(17,22,24) |
hsl(197,18%,8%) |
| #060809 |
rgb(6,8,9) |
hsl(197,18%,3%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #30453D |
rgb(48,69,61) |
hsl(157,18%,23%) |
| #303F45 |
rgb(48,63,69) |
hsl(197,18%,23%) |
| #303045 |
rgb(48,48,69) |
hsl(240,18%,23%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #374A50 |
rgb(55,74,80) |
hsl(194,19%,26%) |
| #303F45 |
rgb(48,63,69) |
hsl(197,18%,23%) |
| #283639 |
rgb(40,54,57) |
hsl(191,18%,19%) |
| #202B2E |
rgb(32,43,46) |
hsl(193,18%,15%) |
| #182123 |
rgb(24,33,35) |
hsl(191,19%,12%) |
| #111718 |
rgb(17,23,24) |
hsl(189,17%,8%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #303F45 |
rgb(48,63,69) |
hsl(197,18%,23%) |
| #453034 |
rgb(69,48,52) |
hsl(349,18%,23%) |
| #454030 |
rgb(69,64,48) |
hsl(46,18%,23%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #303F45 |
rgb(48,63,69) |
hsl(197,18%,23%) |
| #453630 |
rgb(69,54,48) |
hsl(17,18%,23%) |
| #304540 |
rgb(48,69,64) |
hsl(166,18%,23%) |
| #454030 |
rgb(69,64,48) |
hsl(46,18%,23%) |
