HEX #304A59 color — Pickled Bluewood
The color #304A59 is a dark shade and slightly desaturated.
Palette
304A59 color palette from light to dark
| HEX |
RGB |
HSL |
| #f5f8fa |
rgb(245,248,250) |
hsl(202,30%,97%) |
| #e4ecf1 |
rgb(228,236,241) |
hsl(202,30%,92%) |
| #d4e1e8 |
rgb(212,225,232) |
hsl(202,30%,87%) |
| #c3d5df |
rgb(195,213,223) |
hsl(202,30%,82%) |
| #b3c9d6 |
rgb(179,201,214) |
hsl(202,30%,77%) |
| #a2bdcd |
rgb(162,189,205) |
hsl(202,30%,72%) |
| #92b2c4 |
rgb(146,178,196) |
hsl(202,30%,67%) |
| #81a6bb |
rgb(129,166,187) |
hsl(202,30%,62%) |
| #709ab2 |
rgb(112,154,178) |
hsl(202,30%,57%) |
| #608ea9 |
rgb(96,142,169) |
hsl(202,30%,52%) |
| #54819c |
rgb(84,129,156) |
hsl(202,30%,47%) |
| #4b748b |
rgb(75,116,139) |
hsl(202,30%,42%) |
| #42667b |
rgb(66,102,123) |
hsl(202,30%,37%) |
| #39586a |
rgb(57,88,106) |
hsl(202,30%,32%) |
| #304a5a |
rgb(48,74,90) |
hsl(202,30%,27%) |
| #273d49 |
rgb(39,61,73) |
hsl(202,30%,22%) |
| #1e2f38 |
rgb(30,47,56) |
hsl(202,30%,17%) |
| #152128 |
rgb(21,33,40) |
hsl(202,30%,12%) |
| #0c1317 |
rgb(12,19,23) |
hsl(202,30%,7%) |
| #040607 |
rgb(4,6,7) |
hsl(202,30%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #30594C |
rgb(48,89,76) |
hsl(161,30%,27%) |
| #304A59 |
rgb(48,74,89) |
hsl(202,30%,27%) |
| #313059 |
rgb(49,48,89) |
hsl(241,30%,27%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #375767 |
rgb(55,87,103) |
hsl(200,30%,31%) |
| #304A59 |
rgb(48,74,89) |
hsl(202,30%,27%) |
| #283D4A |
rgb(40,61,74) |
hsl(203,30%,22%) |
| #20333C |
rgb(32,51,60) |
hsl(199,30%,18%) |
| #18262E |
rgb(24,38,46) |
hsl(202,31%,14%) |
| #111A20 |
rgb(17,26,32) |
hsl(204,31%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304A59 |
rgb(48,74,89) |
hsl(202,30%,27%) |
| #593035 |
rgb(89,48,53) |
hsl(353,30%,27%) |
| #595430 |
rgb(89,84,48) |
hsl(53,30%,27%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304A59 |
rgb(48,74,89) |
hsl(202,30%,27%) |
| #594030 |
rgb(89,64,48) |
hsl(23,30%,27%) |
| #305953 |
rgb(48,89,83) |
hsl(171,30%,27%) |
| #595430 |
rgb(89,84,48) |
hsl(53,30%,27%) |
