HEX #304A5B color — Pickled Bluewood
The color #304A5B is a dark shade and slightly desaturated.
Palette
304A5B color palette from light to dark
HEX |
RGB |
HSL |
#f5f8fa |
rgb(245,248,250) |
hsl(204,31%,97%) |
#e4ecf1 |
rgb(228,236,241) |
hsl(204,31%,92%) |
#d4e0e8 |
rgb(212,224,232) |
hsl(204,31%,87%) |
#c3d4df |
rgb(195,212,223) |
hsl(204,31%,82%) |
#b2c8d7 |
rgb(178,200,215) |
hsl(204,31%,77%) |
#a1bcce |
rgb(161,188,206) |
hsl(204,31%,72%) |
#91b0c5 |
rgb(145,176,197) |
hsl(204,31%,67%) |
#80a4bc |
rgb(128,164,188) |
hsl(204,31%,62%) |
#6f98b3 |
rgb(111,152,179) |
hsl(204,31%,57%) |
#5f8cab |
rgb(95,140,171) |
hsl(204,31%,52%) |
#537f9d |
rgb(83,127,157) |
hsl(204,31%,47%) |
#4a728c |
rgb(74,114,140) |
hsl(204,31%,42%) |
#41647c |
rgb(65,100,124) |
hsl(204,31%,37%) |
#38576b |
rgb(56,87,107) |
hsl(204,31%,32%) |
#30495a |
rgb(48,73,90) |
hsl(204,31%,27%) |
#273c49 |
rgb(39,60,73) |
hsl(204,31%,22%) |
#1e2e39 |
rgb(30,46,57) |
hsl(204,31%,17%) |
#152028 |
rgb(21,32,40) |
hsl(204,31%,12%) |
#0c1317 |
rgb(12,19,23) |
hsl(204,31%,7%) |
#040507 |
rgb(4,5,7) |
hsl(204,31%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#305C4F |
rgb(48,92,79) |
hsl(162,31%,27%) |
#304A5B |
rgb(48,74,91) |
hsl(204,31%,27%) |
#32305B |
rgb(50,48,91) |
hsl(243,31%,27%) |
Monochromatic colors
HEX |
RGB |
HSL |
#375769 |
rgb(55,87,105) |
hsl(202,31%,31%) |
#304A5B |
rgb(48,74,91) |
hsl(204,31%,27%) |
#283D4C |
rgb(40,61,76) |
hsl(205,31%,23%) |
#20333D |
rgb(32,51,61) |
hsl(201,31%,18%) |
#18262F |
rgb(24,38,47) |
hsl(203,32%,14%) |
#111A20 |
rgb(17,26,32) |
hsl(204,31%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#304A5B |
rgb(48,74,91) |
hsl(204,31%,27%) |
#5B3034 |
rgb(91,48,52) |
hsl(354,31%,27%) |
#5B5730 |
rgb(91,87,48) |
hsl(54,31%,27%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304A5B |
rgb(48,74,91) |
hsl(204,31%,27%) |
#5B4030 |
rgb(91,64,48) |
hsl(22,31%,27%) |
#305C56 |
rgb(48,92,86) |
hsl(172,31%,27%) |
#5B5730 |
rgb(91,87,48) |
hsl(54,31%,27%) |