HEX #304F59 color — Pickled Bluewood
The color #304F59 is a dark shade and slightly desaturated.
Palette
304F59 color palette from light to dark
HEX |
RGB |
HSL |
#f5f8fa |
rgb(245,248,250) |
hsl(195,30%,97%) |
#e4eef1 |
rgb(228,238,241) |
hsl(195,30%,92%) |
#d4e3e8 |
rgb(212,227,232) |
hsl(195,30%,87%) |
#c3d8df |
rgb(195,216,223) |
hsl(195,30%,82%) |
#b3cdd6 |
rgb(179,205,214) |
hsl(195,30%,77%) |
#a2c2cd |
rgb(162,194,205) |
hsl(195,30%,72%) |
#92b7c4 |
rgb(146,183,196) |
hsl(195,30%,67%) |
#81adbb |
rgb(129,173,187) |
hsl(195,30%,62%) |
#70a2b2 |
rgb(112,162,178) |
hsl(195,30%,57%) |
#6097a9 |
rgb(96,151,169) |
hsl(195,30%,52%) |
#548a9c |
rgb(84,138,156) |
hsl(195,30%,47%) |
#4b7b8b |
rgb(75,123,139) |
hsl(195,30%,42%) |
#426d7b |
rgb(66,109,123) |
hsl(195,30%,37%) |
#395e6a |
rgb(57,94,106) |
hsl(195,30%,32%) |
#304f5a |
rgb(48,79,90) |
hsl(195,30%,27%) |
#274149 |
rgb(39,65,73) |
hsl(195,30%,22%) |
#1e3238 |
rgb(30,50,56) |
hsl(195,30%,17%) |
#152328 |
rgb(21,35,40) |
hsl(195,30%,12%) |
#0c1517 |
rgb(12,21,23) |
hsl(195,30%,7%) |
#040607 |
rgb(4,6,7) |
hsl(195,30%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#305947 |
rgb(48,89,71) |
hsl(154,30%,27%) |
#304F59 |
rgb(48,79,89) |
hsl(195,30%,27%) |
#303359 |
rgb(48,51,89) |
hsl(236,30%,27%) |
Monochromatic colors
HEX |
RGB |
HSL |
#375C67 |
rgb(55,92,103) |
hsl(194,30%,31%) |
#304F59 |
rgb(48,79,89) |
hsl(195,30%,27%) |
#28424A |
rgb(40,66,74) |
hsl(194,30%,22%) |
#20363C |
rgb(32,54,60) |
hsl(193,30%,18%) |
#18292E |
rgb(24,41,46) |
hsl(194,31%,14%) |
#111C20 |
rgb(17,28,32) |
hsl(196,31%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#304F59 |
rgb(48,79,89) |
hsl(195,30%,27%) |
#59303A |
rgb(89,48,58) |
hsl(345,30%,27%) |
#594F30 |
rgb(89,79,48) |
hsl(45,30%,27%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304F59 |
rgb(48,79,89) |
hsl(195,30%,27%) |
#593B30 |
rgb(89,59,48) |
hsl(16,30%,27%) |
#30594E |
rgb(48,89,78) |
hsl(164,30%,27%) |
#594F30 |
rgb(89,79,48) |
hsl(45,30%,27%) |