HEX #304C5A color — Pickled Bluewood
The color #304C5A is a dark shade and slightly desaturated.
Palette
304C5A color palette from light to dark
HEX |
RGB |
HSL |
#f5f8fa |
rgb(245,248,250) |
hsl(200,30%,97%) |
#e4edf1 |
rgb(228,237,241) |
hsl(200,30%,92%) |
#d4e1e8 |
rgb(212,225,232) |
hsl(200,30%,87%) |
#c3d6df |
rgb(195,214,223) |
hsl(200,30%,82%) |
#b3cad6 |
rgb(179,202,214) |
hsl(200,30%,77%) |
#a2bfcd |
rgb(162,191,205) |
hsl(200,30%,72%) |
#92b3c4 |
rgb(146,179,196) |
hsl(200,30%,67%) |
#81a8bb |
rgb(129,168,187) |
hsl(200,30%,62%) |
#709cb2 |
rgb(112,156,178) |
hsl(200,30%,57%) |
#6091a9 |
rgb(96,145,169) |
hsl(200,30%,52%) |
#54849c |
rgb(84,132,156) |
hsl(200,30%,47%) |
#4b768b |
rgb(75,118,139) |
hsl(200,30%,42%) |
#42687b |
rgb(66,104,123) |
hsl(200,30%,37%) |
#395a6a |
rgb(57,90,106) |
hsl(200,30%,32%) |
#304c5a |
rgb(48,76,90) |
hsl(200,30%,27%) |
#273e49 |
rgb(39,62,73) |
hsl(200,30%,22%) |
#1e3038 |
rgb(30,48,56) |
hsl(200,30%,17%) |
#152228 |
rgb(21,34,40) |
hsl(200,30%,12%) |
#0c1417 |
rgb(12,20,23) |
hsl(200,30%,7%) |
#040607 |
rgb(4,6,7) |
hsl(200,30%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30594C |
rgb(48,89,76) |
hsl(161,30%,27%) |
#304C5A |
rgb(48,76,90) |
hsl(200,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%) |
#304C5A |
rgb(48,76,90) |
hsl(200,30%,27%) |
#28404B |
rgb(40,64,75) |
hsl(199,30%,23%) |
#20333D |
rgb(32,51,61) |
hsl(201,31%,18%) |
#18262E |
rgb(24,38,46) |
hsl(202,31%,14%) |
#111C20 |
rgb(17,28,32) |
hsl(196,31%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#304C5A |
rgb(48,76,90) |
hsl(200,30%,27%) |
#5A3037 |
rgb(90,48,55) |
hsl(350,30%,27%) |
#5A5430 |
rgb(90,84,48) |
hsl(51,30%,27%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304C5A |
rgb(48,76,90) |
hsl(200,30%,27%) |
#5A3D30 |
rgb(90,61,48) |
hsl(19,30%,27%) |
#305953 |
rgb(48,89,83) |
hsl(171,30%,27%) |
#5A5430 |
rgb(90,84,48) |
hsl(51,30%,27%) |