HEX #305256 color — Spectra

The color #305256 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

305256 color palette from light to dark

HEX RGB HSL
#f2f7f8 rgb(242,247,248) hsl(186,28%,96%)
#e2edee rgb(226,237,238) hsl(186,28%,91%)
#d1e3e5 rgb(209,227,229) hsl(186,28%,86%)
#c1d9dc rgb(193,217,220) hsl(186,28%,81%)
#b1d0d3 rgb(177,208,211) hsl(186,28%,76%)
#a0c6ca rgb(160,198,202) hsl(186,28%,71%)
#90bcc1 rgb(144,188,193) hsl(186,28%,66%)
#80b2b7 rgb(128,178,183) hsl(186,28%,61%)
#6fa8ae rgb(111,168,174) hsl(186,28%,56%)
#5f9ea5 rgb(95,158,165) hsl(186,28%,51%)
#549096 rgb(84,144,150) hsl(186,28%,46%)
#4b8086 rgb(75,128,134) hsl(186,28%,41%)
#427076 rgb(66,112,118) hsl(186,28%,36%)
#396165 rgb(57,97,101) hsl(186,28%,31%)
#305155 rgb(48,81,85) hsl(186,28%,26%)
#274245 rgb(39,66,69) hsl(186,28%,21%)
#1d3234 rgb(29,50,52) hsl(186,28%,16%)
#142224 rgb(20,34,36) hsl(186,28%,11%)
#0b1314 rgb(11,19,20) hsl(186,28%,6%)
#020303 rgb(2,3,3) hsl(186,28%,1%)

Adjacent colors

HEX RGB HSL
#305740 rgb(48,87,64) hsl(145,29%,26%)
#305256 rgb(48,82,86) hsl(186,28%,26%)
#303856 rgb(48,56,86) hsl(227,28%,26%)

Monochromatic colors

HEX RGB HSL
#375E63 rgb(55,94,99) hsl(187,29%,30%)
#305256 rgb(48,82,86) hsl(186,28%,26%)
#284548 rgb(40,69,72) hsl(186,29%,22%)
#20383A rgb(32,56,58) hsl(185,29%,18%)
#182B2C rgb(24,43,44) hsl(183,29%,13%)
#111F1E rgb(17,31,30) hsl(176,29%,9%)

Triad color palettes

HEX RGB HSL
#305256 rgb(48,82,86) hsl(186,28%,26%)
#56303F rgb(86,48,63) hsl(336,28%,26%)
#564730 rgb(86,71,48) hsl(36,28%,26%)

Tetrad color palettes

HEX RGB HSL
#305256 rgb(48,82,86) hsl(186,28%,26%)
#563330 rgb(86,51,48) hsl(5,28%,26%)
#305747 rgb(48,87,71) hsl(155,29%,26%)
#564730 rgb(86,71,48) hsl(36,28%,26%)