HEX #304B49 color — Limed Spruce
The color #304b49 is a dark shade and slightly desaturated.
Palette
304b49 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(176,22%,99%) |
#ecf3f3 |
rgb(236,243,243) |
hsl(176,22%,94%) |
#dde9e8 |
rgb(221,233,232) |
hsl(176,22%,89%) |
#cddfde |
rgb(205,223,222) |
hsl(176,22%,84%) |
#bed5d4 |
rgb(190,213,212) |
hsl(176,22%,79%) |
#aecbc9 |
rgb(174,203,201) |
hsl(176,22%,74%) |
#9fc1bf |
rgb(159,193,191) |
hsl(176,22%,69%) |
#8fb7b5 |
rgb(143,183,181) |
hsl(176,22%,64%) |
#7fadaa |
rgb(127,173,170) |
hsl(176,22%,59%) |
#70a4a0 |
rgb(112,164,160) |
hsl(176,22%,54%) |
#619895 |
rgb(97,152,149) |
hsl(176,22%,49%) |
#588986 |
rgb(88,137,134) |
hsl(176,22%,44%) |
#4e7976 |
rgb(78,121,118) |
hsl(176,22%,39%) |
#446a67 |
rgb(68,106,103) |
hsl(176,22%,34%) |
#3a5a58 |
rgb(58,90,88) |
hsl(176,22%,29%) |
#304b49 |
rgb(48,75,73) |
hsl(176,22%,24%) |
#263b3a |
rgb(38,59,58) |
hsl(176,22%,19%) |
#1c2c2b |
rgb(28,44,43) |
hsl(176,22%,14%) |
#121c1b |
rgb(18,28,27) |
hsl(176,22%,9%) |
#080c0c |
rgb(8,12,12) |
hsl(176,22%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#304A37 |
rgb(48,74,55) |
hsl(136,21%,24%) |
#304B49 |
rgb(48,75,73) |
hsl(176,22%,24%) |
#303B4B |
rgb(48,59,75) |
hsl(216,22%,24%) |
Monochromatic colors
HEX |
RGB |
HSL |
#375754 |
rgb(55,87,84) |
hsl(174,23%,28%) |
#304B49 |
rgb(48,75,73) |
hsl(176,22%,24%) |
#28403D |
rgb(40,64,61) |
hsl(173,23%,20%) |
#203331 |
rgb(32,51,49) |
hsl(174,23%,16%) |
#182625 |
rgb(24,38,37) |
hsl(176,23%,12%) |
#111C1A |
rgb(17,28,26) |
hsl(169,24%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#304B49 |
rgb(48,75,73) |
hsl(176,22%,24%) |
#4B303F |
rgb(75,48,63) |
hsl(327,22%,24%) |
#4B3B30 |
rgb(75,59,48) |
hsl(24,22%,24%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304B49 |
rgb(48,75,73) |
hsl(176,22%,24%) |
#4B3032 |
rgb(75,48,50) |
hsl(356,22%,24%) |
#304A3B |
rgb(48,74,59) |
hsl(145,21%,24%) |
#4B3B30 |
rgb(75,59,48) |
hsl(24,22%,24%) |