HEX #304D5A color — Pickled Bluewood
The color #304d5a is a dark shade and slightly desaturated.
Palette
304d5a color palette from light to dark
HEX |
RGB |
HSL |
#f5f8fa |
rgb(245,248,250) |
hsl(199,30%,97%) |
#e4edf1 |
rgb(228,237,241) |
hsl(199,30%,92%) |
#d4e1e8 |
rgb(212,225,232) |
hsl(199,30%,87%) |
#c3d6df |
rgb(195,214,223) |
hsl(199,30%,82%) |
#b3cbd6 |
rgb(179,203,214) |
hsl(199,30%,77%) |
#a2bfcd |
rgb(162,191,205) |
hsl(199,30%,72%) |
#92b4c4 |
rgb(146,180,196) |
hsl(199,30%,67%) |
#81a9bb |
rgb(129,169,187) |
hsl(199,30%,62%) |
#709db2 |
rgb(112,157,178) |
hsl(199,30%,57%) |
#6092a9 |
rgb(96,146,169) |
hsl(199,30%,52%) |
#54859c |
rgb(84,133,156) |
hsl(199,30%,47%) |
#4b778b |
rgb(75,119,139) |
hsl(199,30%,42%) |
#42697b |
rgb(66,105,123) |
hsl(199,30%,37%) |
#395b6a |
rgb(57,91,106) |
hsl(199,30%,32%) |
#304c5a |
rgb(48,76,90) |
hsl(199,30%,27%) |
#273e49 |
rgb(39,62,73) |
hsl(199,30%,22%) |
#1e3038 |
rgb(30,48,56) |
hsl(199,30%,17%) |
#152228 |
rgb(21,34,40) |
hsl(199,30%,12%) |
#0c1417 |
rgb(12,20,23) |
hsl(199,30%,7%) |
#040607 |
rgb(4,6,7) |
hsl(199,30%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30594B |
rgb(48,89,75) |
hsl(160,30%,27%) |
#304D5A |
rgb(48,77,90) |
hsl(199,30%,27%) |
#30305A |
rgb(48,48,90) |
hsl(240,30%,27%) |
Monochromatic colors
HEX |
RGB |
HSL |
#375968 |
rgb(55,89,104) |
hsl(198,31%,31%) |
#304D5A |
rgb(48,77,90) |
hsl(199,30%,27%) |
#28404B |
rgb(40,64,75) |
hsl(199,30%,23%) |
#20363D |
rgb(32,54,61) |
hsl(194,31%,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 |
#304D5A |
rgb(48,77,90) |
hsl(199,30%,27%) |
#5A3038 |
rgb(90,48,56) |
hsl(349,30%,27%) |
#5A5230 |
rgb(90,82,48) |
hsl(49,30%,27%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304D5A |
rgb(48,77,90) |
hsl(199,30%,27%) |
#5A3D30 |
rgb(90,61,48) |
hsl(19,30%,27%) |
#305952 |
rgb(48,89,82) |
hsl(170,30%,27%) |
#5A5230 |
rgb(90,82,48) |
hsl(49,30%,27%) |