HEX #304A48 color — Limed Spruce
The color #304A48 is a dark shade and slightly desaturated.
Palette
304A48 color palette from light to dark
| HEX |
RGB |
HSL |
| #fcfdfd |
rgb(252,253,253) |
hsl(175,21%,99%) |
| #ecf3f2 |
rgb(236,243,242) |
hsl(175,21%,94%) |
| #dde9e8 |
rgb(221,233,232) |
hsl(175,21%,89%) |
| #cedfdd |
rgb(206,223,221) |
hsl(175,21%,84%) |
| #bed5d3 |
rgb(190,213,211) |
hsl(175,21%,79%) |
| #afcbc8 |
rgb(175,203,200) |
hsl(175,21%,74%) |
| #9fc1be |
rgb(159,193,190) |
hsl(175,21%,69%) |
| #90b6b3 |
rgb(144,182,179) |
hsl(175,21%,64%) |
| #80aca9 |
rgb(128,172,169) |
hsl(175,21%,59%) |
| #71a29e |
rgb(113,162,158) |
hsl(175,21%,54%) |
| #639793 |
rgb(99,151,147) |
hsl(175,21%,49%) |
| #598884 |
rgb(89,136,132) |
hsl(175,21%,44%) |
| #4f7875 |
rgb(79,120,117) |
hsl(175,21%,39%) |
| #446966 |
rgb(68,105,102) |
hsl(175,21%,34%) |
| #3a5957 |
rgb(58,89,87) |
hsl(175,21%,29%) |
| #304a48 |
rgb(48,74,72) |
hsl(175,21%,24%) |
| #263b39 |
rgb(38,59,57) |
hsl(175,21%,19%) |
| #1c2b2a |
rgb(28,43,42) |
hsl(175,21%,14%) |
| #121c1b |
rgb(18,28,27) |
hsl(175,21%,9%) |
| #080c0c |
rgb(8,12,12) |
hsl(175,21%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #304A36 |
rgb(48,74,54) |
hsl(134,21%,24%) |
| #304A48 |
rgb(48,74,72) |
hsl(175,21%,24%) |
| #303B4A |
rgb(48,59,74) |
hsl(215,21%,24%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #375753 |
rgb(55,87,83) |
hsl(173,23%,28%) |
| #304A48 |
rgb(48,74,72) |
hsl(175,21%,24%) |
| #283D3C |
rgb(40,61,60) |
hsl(177,21%,20%) |
| #203330 |
rgb(32,51,48) |
hsl(171,23%,16%) |
| #182625 |
rgb(24,38,37) |
hsl(176,23%,12%) |
| #111A19 |
rgb(17,26,25) |
hsl(173,21%,8%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304A48 |
rgb(48,74,72) |
hsl(175,21%,24%) |
| #4A303F |
rgb(74,48,63) |
hsl(325,21%,24%) |
| #4A3B30 |
rgb(74,59,48) |
hsl(25,21%,24%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304A48 |
rgb(48,74,72) |
hsl(175,21%,24%) |
| #4A3032 |
rgb(74,48,50) |
hsl(355,21%,24%) |
| #304A3B |
rgb(48,74,59) |
hsl(145,21%,24%) |
| #4A3B30 |
rgb(74,59,48) |
hsl(25,21%,24%) |
