HEX #304A53 color — Pickled Bluewood
The color #304A53 is a dark shade and slightly desaturated.
Palette
304A53 color palette from light to dark
| HEX |
RGB |
HSL |
| #f2f6f8 |
rgb(242,246,248) |
hsl(195,27%,96%) |
| #e2ebee |
rgb(226,235,238) |
hsl(195,27%,91%) |
| #d2e0e5 |
rgb(210,224,229) |
hsl(195,27%,86%) |
| #c1d5dc |
rgb(193,213,220) |
hsl(195,27%,81%) |
| #b1cad2 |
rgb(177,202,210) |
hsl(195,27%,76%) |
| #a1bfc9 |
rgb(161,191,201) |
hsl(195,27%,71%) |
| #91b4c0 |
rgb(145,180,192) |
hsl(195,27%,66%) |
| #81a9b6 |
rgb(129,169,182) |
hsl(195,27%,61%) |
| #719ead |
rgb(113,158,173) |
hsl(195,27%,56%) |
| #6093a4 |
rgb(96,147,164) |
hsl(195,27%,51%) |
| #568595 |
rgb(86,133,149) |
hsl(195,27%,46%) |
| #4c7785 |
rgb(76,119,133) |
hsl(195,27%,41%) |
| #436875 |
rgb(67,104,117) |
hsl(195,27%,36%) |
| #3a5a64 |
rgb(58,90,100) |
hsl(195,27%,31%) |
| #304b54 |
rgb(48,75,84) |
hsl(195,27%,26%) |
| #273d44 |
rgb(39,61,68) |
hsl(195,27%,21%) |
| #1e2e34 |
rgb(30,46,52) |
hsl(195,27%,16%) |
| #142024 |
rgb(20,32,36) |
hsl(195,27%,11%) |
| #0b1113 |
rgb(11,17,19) |
hsl(195,27%,6%) |
| #020303 |
rgb(2,3,3) |
hsl(195,27%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #305444 |
rgb(48,84,68) |
hsl(153,27%,26%) |
| #304A53 |
rgb(48,74,83) |
hsl(195,27%,26%) |
| #303353 |
rgb(48,51,83) |
hsl(235,27%,26%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #375760 |
rgb(55,87,96) |
hsl(193,27%,30%) |
| #304A53 |
rgb(48,74,83) |
hsl(195,27%,26%) |
| #283D45 |
rgb(40,61,69) |
hsl(197,27%,21%) |
| #203338 |
rgb(32,51,56) |
hsl(193,27%,17%) |
| #18262B |
rgb(24,38,43) |
hsl(196,28%,13%) |
| #111A1D |
rgb(17,26,29) |
hsl(195,26%,9%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304A53 |
rgb(48,74,83) |
hsl(195,27%,26%) |
| #533038 |
rgb(83,48,56) |
hsl(346,27%,26%) |
| #534A30 |
rgb(83,74,48) |
hsl(45,27%,26%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304A53 |
rgb(48,74,83) |
hsl(195,27%,26%) |
| #533830 |
rgb(83,56,48) |
hsl(14,27%,26%) |
| #30544A |
rgb(48,84,74) |
hsl(163,27%,26%) |
| #534A30 |
rgb(83,74,48) |
hsl(45,27%,26%) |
