HEX #304A4A color — Limed Spruce
The color #304a4a is a dark shade and slightly desaturated.
Palette
304a4a color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(180,21%,99%) |
#ecf3f3 |
rgb(236,243,243) |
hsl(180,21%,94%) |
#dde9e9 |
rgb(221,233,233) |
hsl(180,21%,89%) |
#cedfdf |
rgb(206,223,223) |
hsl(180,21%,84%) |
#bed5d5 |
rgb(190,213,213) |
hsl(180,21%,79%) |
#afcbcb |
rgb(175,203,203) |
hsl(180,21%,74%) |
#9fc1c1 |
rgb(159,193,193) |
hsl(180,21%,69%) |
#90b6b6 |
rgb(144,182,182) |
hsl(180,21%,64%) |
#80acac |
rgb(128,172,172) |
hsl(180,21%,59%) |
#71a2a2 |
rgb(113,162,162) |
hsl(180,21%,54%) |
#639797 |
rgb(99,151,151) |
hsl(180,21%,49%) |
#598888 |
rgb(89,136,136) |
hsl(180,21%,44%) |
#4f7878 |
rgb(79,120,120) |
hsl(180,21%,39%) |
#446969 |
rgb(68,105,105) |
hsl(180,21%,34%) |
#3a5959 |
rgb(58,89,89) |
hsl(180,21%,29%) |
#304a4a |
rgb(48,74,74) |
hsl(180,21%,24%) |
#263b3b |
rgb(38,59,59) |
hsl(180,21%,19%) |
#1c2b2b |
rgb(28,43,43) |
hsl(180,21%,14%) |
#121c1c |
rgb(18,28,28) |
hsl(180,21%,9%) |
#080c0c |
rgb(8,12,12) |
hsl(180,21%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#304A38 |
rgb(48,74,56) |
hsl(138,21%,24%) |
#304A4A |
rgb(48,74,74) |
hsl(180,21%,24%) |
#30384A |
rgb(48,56,74) |
hsl(222,21%,24%) |
Monochromatic colors
HEX |
RGB |
HSL |
#375755 |
rgb(55,87,85) |
hsl(176,23%,28%) |
#304A4A |
rgb(48,74,74) |
hsl(180,21%,24%) |
#283D3E |
rgb(40,61,62) |
hsl(183,22%,20%) |
#203332 |
rgb(32,51,50) |
hsl(177,23%,16%) |
#182626 |
rgb(24,38,38) |
hsl(180,23%,12%) |
#111A1A |
rgb(17,26,26) |
hsl(180,21%,8%) |
Triad color palettes
HEX |
RGB |
HSL |
#304A4A |
rgb(48,74,74) |
hsl(180,21%,24%) |
#4A303D |
rgb(74,48,61) |
hsl(330,21%,24%) |
#4A3D30 |
rgb(74,61,48) |
hsl(30,21%,24%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304A4A |
rgb(48,74,74) |
hsl(180,21%,24%) |
#4A3030 |
rgb(74,48,48) |
hsl(360,21%,24%) |
#304A3D |
rgb(48,74,61) |
hsl(150,21%,24%) |
#4A3D30 |
rgb(74,61,48) |
hsl(30,21%,24%) |