HEX #304A58 color — Pickled Bluewood
The color #304A58 is a dark shade and slightly desaturated.
Palette
304A58 color palette from light to dark
HEX |
RGB |
HSL |
#f5f8fa |
rgb(245,248,250) |
hsl(201,29%,97%) |
#e5ecf1 |
rgb(229,236,241) |
hsl(201,29%,92%) |
#d4e1e7 |
rgb(212,225,231) |
hsl(201,29%,87%) |
#c4d5de |
rgb(196,213,222) |
hsl(201,29%,82%) |
#b3c9d5 |
rgb(179,201,213) |
hsl(201,29%,77%) |
#a3becc |
rgb(163,190,204) |
hsl(201,29%,72%) |
#92b2c3 |
rgb(146,178,195) |
hsl(201,29%,67%) |
#82a7ba |
rgb(130,167,186) |
hsl(201,29%,62%) |
#729bb1 |
rgb(114,155,177) |
hsl(201,29%,57%) |
#618fa8 |
rgb(97,143,168) |
hsl(201,29%,52%) |
#55829b |
rgb(85,130,155) |
hsl(201,29%,47%) |
#4c748a |
rgb(76,116,138) |
hsl(201,29%,42%) |
#43677a |
rgb(67,103,122) |
hsl(201,29%,37%) |
#3a5969 |
rgb(58,89,105) |
hsl(201,29%,32%) |
#314b59 |
rgb(49,75,89) |
hsl(201,29%,27%) |
#283d48 |
rgb(40,61,72) |
hsl(201,29%,22%) |
#1f2f38 |
rgb(31,47,56) |
hsl(201,29%,17%) |
#162127 |
rgb(22,33,39) |
hsl(201,29%,12%) |
#0d1317 |
rgb(13,19,23) |
hsl(201,29%,7%) |
#040607 |
rgb(4,6,7) |
hsl(201,29%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30594B |
rgb(48,89,75) |
hsl(160,30%,27%) |
#304A58 |
rgb(48,74,88) |
hsl(201,29%,27%) |
#303058 |
rgb(48,48,88) |
hsl(240,29%,27%) |
Monochromatic colors
HEX |
RGB |
HSL |
#375766 |
rgb(55,87,102) |
hsl(199,30%,31%) |
#304A58 |
rgb(48,74,88) |
hsl(201,29%,27%) |
#283D49 |
rgb(40,61,73) |
hsl(202,29%,22%) |
#20333B |
rgb(32,51,59) |
hsl(198,30%,18%) |
#18262D |
rgb(24,38,45) |
hsl(200,30%,14%) |
#111A1F |
rgb(17,26,31) |
hsl(201,29%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#304A58 |
rgb(48,74,88) |
hsl(201,29%,27%) |
#583036 |
rgb(88,48,54) |
hsl(351,29%,27%) |
#585230 |
rgb(88,82,48) |
hsl(51,29%,27%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304A58 |
rgb(48,74,88) |
hsl(201,29%,27%) |
#583D30 |
rgb(88,61,48) |
hsl(20,29%,27%) |
#305952 |
rgb(48,89,82) |
hsl(170,30%,27%) |
#585230 |
rgb(88,82,48) |
hsl(51,29%,27%) |