HEX #303B45 color — Limed Spruce
The color #303B45 is a dark shade and slightly desaturated.
Palette
303B45 color palette from light to dark
| HEX |
RGB |
HSL |
| #f9fafb |
rgb(249,250,251) |
hsl(209,18%,98%) |
| #eaedf0 |
rgb(234,237,240) |
hsl(209,18%,93%) |
| #dbe1e6 |
rgb(219,225,230) |
hsl(209,18%,88%) |
| #ccd4db |
rgb(204,212,219) |
hsl(209,18%,83%) |
| #bdc7d1 |
rgb(189,199,209) |
hsl(209,18%,78%) |
| #aebbc7 |
rgb(174,187,199) |
hsl(209,18%,73%) |
| #9faebc |
rgb(159,174,188) |
hsl(209,18%,68%) |
| #90a1b2 |
rgb(144,161,178) |
hsl(209,18%,63%) |
| #8195a7 |
rgb(129,149,167) |
hsl(209,18%,58%) |
| #72889d |
rgb(114,136,157) |
hsl(209,18%,53%) |
| #647b90 |
rgb(100,123,144) |
hsl(209,18%,48%) |
| #5a6e81 |
rgb(90,110,129) |
hsl(209,18%,43%) |
| #4f6172 |
rgb(79,97,114) |
hsl(209,18%,38%) |
| #455563 |
rgb(69,85,99) |
hsl(209,18%,33%) |
| #3b4854 |
rgb(59,72,84) |
hsl(209,18%,28%) |
| #303b45 |
rgb(48,59,69) |
hsl(209,18%,23%) |
| #262e36 |
rgb(38,46,54) |
hsl(209,18%,18%) |
| #1b2127 |
rgb(27,33,39) |
hsl(209,18%,13%) |
| #111518 |
rgb(17,21,24) |
hsl(209,18%,8%) |
| #060809 |
rgb(6,8,9) |
hsl(209,18%,3%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #304541 |
rgb(48,69,65) |
hsl(169,18%,23%) |
| #303B45 |
rgb(48,59,69) |
hsl(209,18%,23%) |
| #333045 |
rgb(51,48,69) |
hsl(249,18%,23%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #374550 |
rgb(55,69,80) |
hsl(206,19%,26%) |
| #303B45 |
rgb(48,59,69) |
hsl(209,18%,23%) |
| #283039 |
rgb(40,48,57) |
hsl(212,18%,19%) |
| #20292E |
rgb(32,41,46) |
hsl(201,18%,15%) |
| #181F23 |
rgb(24,31,35) |
hsl(202,19%,12%) |
| #111418 |
rgb(17,20,24) |
hsl(214,17%,8%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #303B45 |
rgb(48,59,69) |
hsl(209,18%,23%) |
| #453030 |
rgb(69,48,48) |
hsl(360,18%,23%) |
| #454530 |
rgb(69,69,48) |
hsl(60,18%,23%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #303B45 |
rgb(48,59,69) |
hsl(209,18%,23%) |
| #453B30 |
rgb(69,59,48) |
hsl(31,18%,23%) |
| #304544 |
rgb(48,69,68) |
hsl(177,18%,23%) |
| #454530 |
rgb(69,69,48) |
hsl(60,18%,23%) |
