HEX #304B48 color — Limed Spruce
The color #304b48 is a dark shade and slightly desaturated.
Palette
304b48 color palette from light to dark
| HEX |
RGB |
HSL |
| #fcfdfd |
rgb(252,253,253) |
hsl(173,22%,99%) |
| #ecf3f2 |
rgb(236,243,242) |
hsl(173,22%,94%) |
| #dde9e8 |
rgb(221,233,232) |
hsl(173,22%,89%) |
| #cddfdd |
rgb(205,223,221) |
hsl(173,22%,84%) |
| #bed5d2 |
rgb(190,213,210) |
hsl(173,22%,79%) |
| #aecbc8 |
rgb(174,203,200) |
hsl(173,22%,74%) |
| #9fc1bd |
rgb(159,193,189) |
hsl(173,22%,69%) |
| #8fb7b3 |
rgb(143,183,179) |
hsl(173,22%,64%) |
| #7fada8 |
rgb(127,173,168) |
hsl(173,22%,59%) |
| #70a49d |
rgb(112,164,157) |
hsl(173,22%,54%) |
| #619892 |
rgb(97,152,146) |
hsl(173,22%,49%) |
| #588983 |
rgb(88,137,131) |
hsl(173,22%,44%) |
| #4e7974 |
rgb(78,121,116) |
hsl(173,22%,39%) |
| #446a65 |
rgb(68,106,101) |
hsl(173,22%,34%) |
| #3a5a56 |
rgb(58,90,86) |
hsl(173,22%,29%) |
| #304b48 |
rgb(48,75,72) |
hsl(173,22%,24%) |
| #263b39 |
rgb(38,59,57) |
hsl(173,22%,19%) |
| #1c2c2a |
rgb(28,44,42) |
hsl(173,22%,14%) |
| #121c1b |
rgb(18,28,27) |
hsl(173,22%,9%) |
| #080c0c |
rgb(8,12,12) |
hsl(173,22%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #304A36 |
rgb(48,74,54) |
hsl(134,21%,24%) |
| #304B48 |
rgb(48,75,72) |
hsl(173,22%,24%) |
| #303D4B |
rgb(48,61,75) |
hsl(211,22%,24%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #375753 |
rgb(55,87,83) |
hsl(173,23%,28%) |
| #304B48 |
rgb(48,75,72) |
hsl(173,22%,24%) |
| #28403C |
rgb(40,64,60) |
hsl(170,23%,20%) |
| #203330 |
rgb(32,51,48) |
hsl(171,23%,16%) |
| #182625 |
rgb(24,38,37) |
hsl(176,23%,12%) |
| #111C19 |
rgb(17,28,25) |
hsl(164,24%,9%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304B48 |
rgb(48,75,72) |
hsl(173,22%,24%) |
| #4B3040 |
rgb(75,48,64) |
hsl(324,22%,24%) |
| #4B3B30 |
rgb(75,59,48) |
hsl(24,22%,24%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304B48 |
rgb(48,75,72) |
hsl(173,22%,24%) |
| #4B3033 |
rgb(75,48,51) |
hsl(353,22%,24%) |
| #304A3A |
rgb(48,74,58) |
hsl(143,21%,24%) |
| #4B3B30 |
rgb(75,59,48) |
hsl(24,22%,24%) |
