HEX #304057 color — Pickled Bluewood
The color #304057 is a dark shade and slightly desaturated.
Palette
304057 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4f8 |
rgb(242,244,248) |
hsl(215,29%,96%) |
#e1e7ef |
rgb(225,231,239) |
hsl(215,29%,91%) |
#d1dae6 |
rgb(209,218,230) |
hsl(215,29%,86%) |
#c0ccdd |
rgb(192,204,221) |
hsl(215,29%,81%) |
#b0bfd4 |
rgb(176,191,212) |
hsl(215,29%,76%) |
#a0b1ca |
rgb(160,177,202) |
hsl(215,29%,71%) |
#8fa4c1 |
rgb(143,164,193) |
hsl(215,29%,66%) |
#7f97b8 |
rgb(127,151,184) |
hsl(215,29%,61%) |
#6e89af |
rgb(110,137,175) |
hsl(215,29%,56%) |
#5e7ca6 |
rgb(94,124,166) |
hsl(215,29%,51%) |
#537097 |
rgb(83,112,151) |
hsl(215,29%,46%) |
#4a6387 |
rgb(74,99,135) |
hsl(215,29%,41%) |
#415776 |
rgb(65,87,118) |
hsl(215,29%,36%) |
#384b66 |
rgb(56,75,102) |
hsl(215,29%,31%) |
#2f3f56 |
rgb(47,63,86) |
hsl(215,29%,26%) |
#263345 |
rgb(38,51,69) |
hsl(215,29%,21%) |
#1d2735 |
rgb(29,39,53) |
hsl(215,29%,16%) |
#141b24 |
rgb(20,27,36) |
hsl(215,29%,11%) |
#0b0f14 |
rgb(11,15,20) |
hsl(215,29%,6%) |
#020203 |
rgb(2,2,3) |
hsl(215,29%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#305754 |
rgb(48,87,84) |
hsl(175,29%,26%) |
#304057 |
rgb(48,64,87) |
hsl(215,29%,26%) |
#3A3057 |
rgb(58,48,87) |
hsl(255,29%,26%) |
Monochromatic colors
HEX |
RGB |
HSL |
#374A64 |
rgb(55,74,100) |
hsl(215,29%,30%) |
#304057 |
rgb(48,64,87) |
hsl(215,29%,26%) |
#283649 |
rgb(40,54,73) |
hsl(215,29%,22%) |
#202B3B |
rgb(32,43,59) |
hsl(216,30%,18%) |
#18212D |
rgb(24,33,45) |
hsl(214,30%,14%) |
#11171F |
rgb(17,23,31) |
hsl(214,29%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#304057 |
rgb(48,64,87) |
hsl(215,29%,26%) |
#573330 |
rgb(87,51,48) |
hsl(5,29%,26%) |
#535730 |
rgb(83,87,48) |
hsl(66,29%,26%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304057 |
rgb(48,64,87) |
hsl(215,29%,26%) |
#574730 |
rgb(87,71,48) |
hsl(35,29%,26%) |
#305457 |
rgb(48,84,87) |
hsl(185,29%,26%) |
#535730 |
rgb(83,87,48) |
hsl(66,29%,26%) |