HEX #304A55 color — Pickled Bluewood
The color #304A55 is a dark shade and slightly desaturated.
Palette
304A55 color palette from light to dark
| HEX |
RGB |
HSL |
| #f2f6f8 |
rgb(242,246,248) |
hsl(198,28%,96%) |
| #e2ebee |
rgb(226,235,238) |
hsl(198,28%,91%) |
| #d1dfe5 |
rgb(209,223,229) |
hsl(198,28%,86%) |
| #c1d4dc |
rgb(193,212,220) |
hsl(198,28%,81%) |
| #b1c9d3 |
rgb(177,201,211) |
hsl(198,28%,76%) |
| #a0bdca |
rgb(160,189,202) |
hsl(198,28%,71%) |
| #90b2c1 |
rgb(144,178,193) |
hsl(198,28%,66%) |
| #80a7b7 |
rgb(128,167,183) |
hsl(198,28%,61%) |
| #6f9bae |
rgb(111,155,174) |
hsl(198,28%,56%) |
| #5f90a5 |
rgb(95,144,165) |
hsl(198,28%,51%) |
| #548296 |
rgb(84,130,150) |
hsl(198,28%,46%) |
| #4b7486 |
rgb(75,116,134) |
hsl(198,28%,41%) |
| #426676 |
rgb(66,102,118) |
hsl(198,28%,36%) |
| #395865 |
rgb(57,88,101) |
hsl(198,28%,31%) |
| #304a55 |
rgb(48,74,85) |
hsl(198,28%,26%) |
| #273c45 |
rgb(39,60,69) |
hsl(198,28%,21%) |
| #1d2d34 |
rgb(29,45,52) |
hsl(198,28%,16%) |
| #141f24 |
rgb(20,31,36) |
hsl(198,28%,11%) |
| #0b1114 |
rgb(11,17,20) |
hsl(198,28%,6%) |
| #020303 |
rgb(2,3,3) |
hsl(198,28%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #305447 |
rgb(48,84,71) |
hsl(158,27%,26%) |
| #304A55 |
rgb(48,74,85) |
hsl(198,28%,26%) |
| #303055 |
rgb(48,48,85) |
hsl(240,28%,26%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #375762 |
rgb(55,87,98) |
hsl(195,28%,30%) |
| #304A55 |
rgb(48,74,85) |
hsl(198,28%,26%) |
| #283D47 |
rgb(40,61,71) |
hsl(199,28%,22%) |
| #203339 |
rgb(32,51,57) |
hsl(194,28%,17%) |
| #18262C |
rgb(24,38,44) |
hsl(198,29%,13%) |
| #111A1E |
rgb(17,26,30) |
hsl(198,28%,9%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304A55 |
rgb(48,74,85) |
hsl(198,28%,26%) |
| #553037 |
rgb(85,48,55) |
hsl(349,28%,26%) |
| #554D30 |
rgb(85,77,48) |
hsl(47,28%,26%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304A55 |
rgb(48,74,85) |
hsl(198,28%,26%) |
| #553B30 |
rgb(85,59,48) |
hsl(18,28%,26%) |
| #30544D |
rgb(48,84,77) |
hsl(168,27%,26%) |
| #554D30 |
rgb(85,77,48) |
hsl(47,28%,26%) |
