HEX #304D55 color — Pickled Bluewood
The color #304d55 is a dark shade and slightly desaturated.
Palette
304d55 color palette from light to dark
| HEX |
RGB |
HSL |
| #f2f6f8 |
rgb(242,246,248) |
hsl(193,28%,96%) |
| #e2ecee |
rgb(226,236,238) |
hsl(193,28%,91%) |
| #d1e1e5 |
rgb(209,225,229) |
hsl(193,28%,86%) |
| #c1d6dc |
rgb(193,214,220) |
hsl(193,28%,81%) |
| #b1ccd3 |
rgb(177,204,211) |
hsl(193,28%,76%) |
| #a0c1ca |
rgb(160,193,202) |
hsl(193,28%,71%) |
| #90b6c1 |
rgb(144,182,193) |
hsl(193,28%,66%) |
| #80abb7 |
rgb(128,171,183) |
hsl(193,28%,61%) |
| #6fa1ae |
rgb(111,161,174) |
hsl(193,28%,56%) |
| #5f96a5 |
rgb(95,150,165) |
hsl(193,28%,51%) |
| #548896 |
rgb(84,136,150) |
hsl(193,28%,46%) |
| #4b7986 |
rgb(75,121,134) |
hsl(193,28%,41%) |
| #426a76 |
rgb(66,106,118) |
hsl(193,28%,36%) |
| #395c65 |
rgb(57,92,101) |
hsl(193,28%,31%) |
| #304d55 |
rgb(48,77,85) |
hsl(193,28%,26%) |
| #273e45 |
rgb(39,62,69) |
hsl(193,28%,21%) |
| #1d2f34 |
rgb(29,47,52) |
hsl(193,28%,16%) |
| #142124 |
rgb(20,33,36) |
hsl(193,28%,11%) |
| #0b1214 |
rgb(11,18,20) |
hsl(193,28%,6%) |
| #020303 |
rgb(2,3,3) |
hsl(193,28%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #305444 |
rgb(48,84,68) |
hsl(153,27%,26%) |
| #304D55 |
rgb(48,77,85) |
hsl(193,28%,26%) |
| #303655 |
rgb(48,54,85) |
hsl(230,28%,26%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #375962 |
rgb(55,89,98) |
hsl(193,28%,30%) |
| #304D55 |
rgb(48,77,85) |
hsl(193,28%,26%) |
| #284047 |
rgb(40,64,71) |
hsl(194,28%,22%) |
| #203639 |
rgb(32,54,57) |
hsl(187,28%,17%) |
| #18292C |
rgb(24,41,44) |
hsl(189,29%,13%) |
| #111C1E |
rgb(17,28,30) |
hsl(189,28%,9%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304D55 |
rgb(48,77,85) |
hsl(193,28%,26%) |
| #55303A |
rgb(85,48,58) |
hsl(344,28%,26%) |
| #554A30 |
rgb(85,74,48) |
hsl(42,28%,26%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304D55 |
rgb(48,77,85) |
hsl(193,28%,26%) |
| #553830 |
rgb(85,56,48) |
hsl(13,28%,26%) |
| #30544A |
rgb(48,84,74) |
hsl(163,27%,26%) |
| #554A30 |
rgb(85,74,48) |
hsl(42,28%,26%) |
