HEX #304F58 color — Pickled Bluewood
The color #304F58 is a dark shade and slightly desaturated.
Palette
304F58 color palette from light to dark
HEX |
RGB |
HSL |
#f5f9fa |
rgb(245,249,250) |
hsl(194,29%,97%) |
#e5eef1 |
rgb(229,238,241) |
hsl(194,29%,92%) |
#d4e3e7 |
rgb(212,227,231) |
hsl(194,29%,87%) |
#c4d8de |
rgb(196,216,222) |
hsl(194,29%,82%) |
#b3cdd5 |
rgb(179,205,213) |
hsl(194,29%,77%) |
#a3c3cc |
rgb(163,195,204) |
hsl(194,29%,72%) |
#92b8c3 |
rgb(146,184,195) |
hsl(194,29%,67%) |
#82adba |
rgb(130,173,186) |
hsl(194,29%,62%) |
#72a2b1 |
rgb(114,162,177) |
hsl(194,29%,57%) |
#6198a8 |
rgb(97,152,168) |
hsl(194,29%,52%) |
#558a9b |
rgb(85,138,155) |
hsl(194,29%,47%) |
#4c7c8a |
rgb(76,124,138) |
hsl(194,29%,42%) |
#436d7a |
rgb(67,109,122) |
hsl(194,29%,37%) |
#3a5e69 |
rgb(58,94,105) |
hsl(194,29%,32%) |
#314f59 |
rgb(49,79,89) |
hsl(194,29%,27%) |
#284148 |
rgb(40,65,72) |
hsl(194,29%,22%) |
#1f3238 |
rgb(31,50,56) |
hsl(194,29%,17%) |
#162327 |
rgb(22,35,39) |
hsl(194,29%,12%) |
#0d1517 |
rgb(13,21,23) |
hsl(194,29%,7%) |
#040607 |
rgb(4,6,7) |
hsl(194,29%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#305946 |
rgb(48,89,70) |
hsl(152,30%,27%) |
#304F58 |
rgb(48,79,88) |
hsl(194,29%,27%) |
#303658 |
rgb(48,54,88) |
hsl(231,29%,27%) |
Monochromatic colors
HEX |
RGB |
HSL |
#375C66 |
rgb(55,92,102) |
hsl(193,30%,31%) |
#304F58 |
rgb(48,79,88) |
hsl(194,29%,27%) |
#284249 |
rgb(40,66,73) |
hsl(193,29%,22%) |
#20363B |
rgb(32,54,59) |
hsl(191,30%,18%) |
#18292D |
rgb(24,41,45) |
hsl(191,30%,14%) |
#111C1F |
rgb(17,28,31) |
hsl(193,29%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#304F58 |
rgb(48,79,88) |
hsl(194,29%,27%) |
#58303B |
rgb(88,48,59) |
hsl(344,29%,27%) |
#584D30 |
rgb(88,77,48) |
hsl(44,29%,27%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304F58 |
rgb(48,79,88) |
hsl(194,29%,27%) |
#583830 |
rgb(88,56,48) |
hsl(12,29%,27%) |
#30594D |
rgb(48,89,77) |
hsl(162,30%,27%) |
#584D30 |
rgb(88,77,48) |
hsl(44,29%,27%) |