HEX #304A47 color — Limed Spruce
The color #304a47 is a dark shade and slightly desaturated.
Palette
304a47 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(173,21%,99%) |
#ecf3f2 |
rgb(236,243,242) |
hsl(173,21%,94%) |
#dde9e7 |
rgb(221,233,231) |
hsl(173,21%,89%) |
#cedfdd |
rgb(206,223,221) |
hsl(173,21%,84%) |
#bed5d2 |
rgb(190,213,210) |
hsl(173,21%,79%) |
#afcbc7 |
rgb(175,203,199) |
hsl(173,21%,74%) |
#9fc1bd |
rgb(159,193,189) |
hsl(173,21%,69%) |
#90b6b2 |
rgb(144,182,178) |
hsl(173,21%,64%) |
#80aca7 |
rgb(128,172,167) |
hsl(173,21%,59%) |
#71a29d |
rgb(113,162,157) |
hsl(173,21%,54%) |
#639791 |
rgb(99,151,145) |
hsl(173,21%,49%) |
#598882 |
rgb(89,136,130) |
hsl(173,21%,44%) |
#4f7873 |
rgb(79,120,115) |
hsl(173,21%,39%) |
#446965 |
rgb(68,105,101) |
hsl(173,21%,34%) |
#3a5956 |
rgb(58,89,86) |
hsl(173,21%,29%) |
#304a47 |
rgb(48,74,71) |
hsl(173,21%,24%) |
#263b38 |
rgb(38,59,56) |
hsl(173,21%,19%) |
#1c2b29 |
rgb(28,43,41) |
hsl(173,21%,14%) |
#121c1b |
rgb(18,28,27) |
hsl(173,21%,9%) |
#080c0c |
rgb(8,12,12) |
hsl(173,21%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#304A35 |
rgb(48,74,53) |
hsl(132,21%,24%) |
#304A47 |
rgb(48,74,71) |
hsl(173,21%,24%) |
#303B4A |
rgb(48,59,74) |
hsl(215,21%,24%) |
Monochromatic colors
HEX |
RGB |
HSL |
#375752 |
rgb(55,87,82) |
hsl(171,23%,28%) |
#304A47 |
rgb(48,74,71) |
hsl(173,21%,24%) |
#283D3B |
rgb(40,61,59) |
hsl(174,21%,20%) |
#203330 |
rgb(32,51,48) |
hsl(171,23%,16%) |
#182624 |
rgb(24,38,36) |
hsl(171,23%,12%) |
#111A19 |
rgb(17,26,25) |
hsl(173,21%,8%) |
Triad color palettes
HEX |
RGB |
HSL |
#304A47 |
rgb(48,74,71) |
hsl(173,21%,24%) |
#4A3040 |
rgb(74,48,64) |
hsl(323,21%,24%) |
#4A3B30 |
rgb(74,59,48) |
hsl(25,21%,24%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304A47 |
rgb(48,74,71) |
hsl(173,21%,24%) |
#4A3033 |
rgb(74,48,51) |
hsl(353,21%,24%) |
#304A3A |
rgb(48,74,58) |
hsl(143,21%,24%) |
#4A3B30 |
rgb(74,59,48) |
hsl(25,21%,24%) |