HEX #304048 color — Limed Spruce
The color #304048 is a dark shade and slightly desaturated.
Palette
304048 color palette from light to dark
| HEX |
RGB |
HSL |
| #fcfdfd |
rgb(252,253,253) |
hsl(200,20%,99%) |
| #edf1f3 |
rgb(237,241,243) |
hsl(200,20%,94%) |
| #dde5e9 |
rgb(221,229,233) |
hsl(200,20%,89%) |
| #ced9de |
rgb(206,217,222) |
hsl(200,20%,84%) |
| #bfcdd4 |
rgb(191,205,212) |
hsl(200,20%,79%) |
| #afc1ca |
rgb(175,193,202) |
hsl(200,20%,74%) |
| #a0b5c0 |
rgb(160,181,192) |
hsl(200,20%,69%) |
| #91a9b6 |
rgb(145,169,182) |
hsl(200,20%,64%) |
| #829dab |
rgb(130,157,171) |
hsl(200,20%,59%) |
| #7292a1 |
rgb(114,146,161) |
hsl(200,20%,54%) |
| #648596 |
rgb(100,133,150) |
hsl(200,20%,49%) |
| #5a7887 |
rgb(90,120,135) |
hsl(200,20%,44%) |
| #506a77 |
rgb(80,106,119) |
hsl(200,20%,39%) |
| #455c68 |
rgb(69,92,104) |
hsl(200,20%,34%) |
| #3b4f59 |
rgb(59,79,89) |
hsl(200,20%,29%) |
| #314149 |
rgb(49,65,73) |
hsl(200,20%,24%) |
| #27343a |
rgb(39,52,58) |
hsl(200,20%,19%) |
| #1d262b |
rgb(29,38,43) |
hsl(200,20%,14%) |
| #12181c |
rgb(18,24,28) |
hsl(200,20%,9%) |
| #080b0c |
rgb(8,11,12) |
hsl(200,20%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #304740 |
rgb(48,71,64) |
hsl(162,19%,23%) |
| #304048 |
rgb(48,64,72) |
hsl(200,20%,24%) |
| #303048 |
rgb(48,48,72) |
hsl(240,20%,24%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #374A53 |
rgb(55,74,83) |
hsl(199,20%,27%) |
| #304048 |
rgb(48,64,72) |
hsl(200,20%,24%) |
| #28363C |
rgb(40,54,60) |
hsl(198,20%,20%) |
| #202B30 |
rgb(32,43,48) |
hsl(199,20%,16%) |
| #182125 |
rgb(24,33,37) |
hsl(198,21%,12%) |
| #111719 |
rgb(17,23,25) |
hsl(195,19%,8%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304048 |
rgb(48,64,72) |
hsl(200,20%,24%) |
| #483034 |
rgb(72,48,52) |
hsl(350,20%,24%) |
| #484530 |
rgb(72,69,48) |
hsl(53,20%,24%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304048 |
rgb(48,64,72) |
hsl(200,20%,24%) |
| #483830 |
rgb(72,56,48) |
hsl(20,20%,24%) |
| #304744 |
rgb(48,71,68) |
hsl(172,19%,23%) |
| #484530 |
rgb(72,69,48) |
hsl(53,20%,24%) |
