HEX #304A5C color — Pickled Bluewood
The color #304A5C is a dark shade and slightly desaturated.
Palette
304A5C color palette from light to dark
| HEX |
RGB |
HSL |
| #f5f8fa |
rgb(245,248,250) |
hsl(205,31%,97%) |
| #e4ecf1 |
rgb(228,236,241) |
hsl(205,31%,92%) |
| #d4e0e8 |
rgb(212,224,232) |
hsl(205,31%,87%) |
| #c3d3df |
rgb(195,211,223) |
hsl(205,31%,82%) |
| #b2c7d7 |
rgb(178,199,215) |
hsl(205,31%,77%) |
| #a1bbce |
rgb(161,187,206) |
hsl(205,31%,72%) |
| #91afc5 |
rgb(145,175,197) |
hsl(205,31%,67%) |
| #80a3bc |
rgb(128,163,188) |
hsl(205,31%,62%) |
| #6f97b3 |
rgb(111,151,179) |
hsl(205,31%,57%) |
| #5f8bab |
rgb(95,139,171) |
hsl(205,31%,52%) |
| #537e9d |
rgb(83,126,157) |
hsl(205,31%,47%) |
| #4a718c |
rgb(74,113,140) |
hsl(205,31%,42%) |
| #41637c |
rgb(65,99,124) |
hsl(205,31%,37%) |
| #38566b |
rgb(56,86,107) |
hsl(205,31%,32%) |
| #30485a |
rgb(48,72,90) |
hsl(205,31%,27%) |
| #273b49 |
rgb(39,59,73) |
hsl(205,31%,22%) |
| #1e2e39 |
rgb(30,46,57) |
hsl(205,31%,17%) |
| #152028 |
rgb(21,32,40) |
hsl(205,31%,12%) |
| #0c1317 |
rgb(12,19,23) |
hsl(205,31%,7%) |
| #040507 |
rgb(4,5,7) |
hsl(205,31%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #305C50 |
rgb(48,92,80) |
hsl(164,31%,27%) |
| #304A5C |
rgb(48,74,92) |
hsl(205,31%,27%) |
| #33305C |
rgb(51,48,92) |
hsl(244,31%,27%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #37576A |
rgb(55,87,106) |
hsl(202,32%,32%) |
| #304A5C |
rgb(48,74,92) |
hsl(205,31%,27%) |
| #283D4D |
rgb(40,61,77) |
hsl(206,32%,23%) |
| #20333E |
rgb(32,51,62) |
hsl(202,32%,18%) |
| #18262F |
rgb(24,38,47) |
hsl(203,32%,14%) |
| #111A21 |
rgb(17,26,33) |
hsl(206,32%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304A5C |
rgb(48,74,92) |
hsl(205,31%,27%) |
| #5C3034 |
rgb(92,48,52) |
hsl(355,31%,27%) |
| #5C5930 |
rgb(92,89,48) |
hsl(56,31%,27%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304A5C |
rgb(48,74,92) |
hsl(205,31%,27%) |
| #5C4230 |
rgb(92,66,48) |
hsl(25,31%,27%) |
| #305C58 |
rgb(48,92,88) |
hsl(175,31%,27%) |
| #5C5930 |
rgb(92,89,48) |
hsl(56,31%,27%) |
