HEX #305458 color — Spectra

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

Color codes

copy icon
copy icon
copy icon

Palette

305458 color palette from light to dark

HEX RGB HSL
#f5f9fa rgb(245,249,250) hsl(186,29%,97%)
#e5eff1 rgb(229,239,241) hsl(186,29%,92%)
#d4e6e7 rgb(212,230,231) hsl(186,29%,87%)
#c4dcde rgb(196,220,222) hsl(186,29%,82%)
#b3d2d5 rgb(179,210,213) hsl(186,29%,77%)
#a3c8cc rgb(163,200,204) hsl(186,29%,72%)
#92bec3 rgb(146,190,195) hsl(186,29%,67%)
#82b5ba rgb(130,181,186) hsl(186,29%,62%)
#72abb1 rgb(114,171,177) hsl(186,29%,57%)
#61a1a8 rgb(97,161,168) hsl(186,29%,52%)
#55949b rgb(85,148,155) hsl(186,29%,47%)
#4c848a rgb(76,132,138) hsl(186,29%,42%)
#43747a rgb(67,116,122) hsl(186,29%,37%)
#3a6569 rgb(58,101,105) hsl(186,29%,32%)
#315559 rgb(49,85,89) hsl(186,29%,27%)
#284548 rgb(40,69,72) hsl(186,29%,22%)
#1f3538 rgb(31,53,56) hsl(186,29%,17%)
#162627 rgb(22,38,39) hsl(186,29%,12%)
#0d1617 rgb(13,22,23) hsl(186,29%,7%)
#040607 rgb(4,6,7) hsl(186,29%,2%)

Adjacent colors

HEX RGB HSL
#305941 rgb(48,89,65) hsl(145,30%,27%)
#305458 rgb(48,84,88) hsl(186,29%,27%)
#303858 rgb(48,56,88) hsl(228,29%,27%)

Monochromatic colors

HEX RGB HSL
#376166 rgb(55,97,102) hsl(186,30%,31%)
#305458 rgb(48,84,88) hsl(186,29%,27%)
#284749 rgb(40,71,73) hsl(184,29%,22%)
#20383B rgb(32,56,59) hsl(187,30%,18%)
#182B2D rgb(24,43,45) hsl(186,30%,14%)
#111F1F rgb(17,31,31) hsl(180,29%,9%)

Triad color palettes

HEX RGB HSL
#305458 rgb(48,84,88) hsl(186,29%,27%)
#583040 rgb(88,48,64) hsl(336,29%,27%)
#584730 rgb(88,71,48) hsl(35,29%,27%)

Tetrad color palettes

HEX RGB HSL
#305458 rgb(48,84,88) hsl(186,29%,27%)
#583330 rgb(88,51,48) hsl(5,29%,27%)
#305948 rgb(48,89,72) hsl(155,30%,27%)
#584730 rgb(88,71,48) hsl(35,29%,27%)