HEX #345A60 color — Spectra

The color #345a60 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

345a60 color palette from light to dark

HEX RGB HSL
#fcfdfd rgb(252,253,253) hsl(188,30%,99%)
#ebf3f4 rgb(235,243,244) hsl(188,30%,94%)
#dbe9eb rgb(219,233,235) hsl(188,30%,89%)
#cadfe2 rgb(202,223,226) hsl(188,30%,84%)
#b9d5da rgb(185,213,218) hsl(188,30%,79%)
#a9cbd1 rgb(169,203,209) hsl(188,30%,74%)
#98c1c8 rgb(152,193,200) hsl(188,30%,69%)
#88b7bf rgb(136,183,191) hsl(188,30%,64%)
#77adb6 rgb(119,173,182) hsl(188,30%,59%)
#67a4ad rgb(103,164,173) hsl(188,30%,54%)
#5798a2 rgb(87,152,162) hsl(188,30%,49%)
#4f8992 rgb(79,137,146) hsl(188,30%,44%)
#467981 rgb(70,121,129) hsl(188,30%,39%)
#3d6a71 rgb(61,106,113) hsl(188,30%,34%)
#345a60 rgb(52,90,96) hsl(188,30%,29%)
#2b4b50 rgb(43,75,80) hsl(188,30%,24%)
#223b3f rgb(34,59,63) hsl(188,30%,19%)
#192c2e rgb(25,44,46) hsl(188,30%,14%)
#101c1e rgb(16,28,30) hsl(188,30%,9%)
#070c0d rgb(7,12,13) hsl(188,30%,4%)

Adjacent colors

HEX RGB HSL
#346148 rgb(52,97,72) hsl(147,30%,29%)
#345A60 rgb(52,90,96) hsl(188,30%,29%)
#343D60 rgb(52,61,96) hsl(228,30%,29%)

Monochromatic colors

HEX RGB HSL
#3C696F rgb(60,105,111) hsl(187,30%,34%)
#345A60 rgb(52,90,96) hsl(188,30%,29%)
#2B4D50 rgb(43,77,80) hsl(185,30%,24%)
#233D41 rgb(35,61,65) hsl(188,30%,20%)
#1B2E31 rgb(27,46,49) hsl(188,29%,15%)
#122122 rgb(18,33,34) hsl(184,31%,10%)

Triad color palettes

HEX RGB HSL
#345A60 rgb(52,90,96) hsl(188,30%,29%)
#603344 rgb(96,51,68) hsl(337,31%,29%)
#604F34 rgb(96,79,52) hsl(37,30%,29%)

Tetrad color palettes

HEX RGB HSL
#345A60 rgb(52,90,96) hsl(188,30%,29%)
#603B34 rgb(96,59,52) hsl(10,30%,29%)
#346150 rgb(52,97,80) hsl(157,30%,29%)
#604F34 rgb(96,79,52) hsl(37,30%,29%)