HEX #558C9F color — Horizon

The color #558C9F is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

558C9F color palette from light to dark

HEX RGB HSL
#f8fbfb rgb(248,251,251) hsl(195,30%,98%)
#e8f0f3 rgb(232,240,243) hsl(195,30%,93%)
#d7e5ea rgb(215,229,234) hsl(195,30%,88%)
#c7dae1 rgb(199,218,225) hsl(195,30%,83%)
#b6cfd8 rgb(182,207,216) hsl(195,30%,78%)
#a5c4cf rgb(165,196,207) hsl(195,30%,73%)
#95bac6 rgb(149,186,198) hsl(195,30%,68%)
#84afbd rgb(132,175,189) hsl(195,30%,63%)
#74a4b4 rgb(116,164,180) hsl(195,30%,58%)
#6399ab rgb(99,153,171) hsl(195,30%,53%)
#568d9f rgb(86,141,159) hsl(195,30%,48%)
#4d7e8f rgb(77,126,143) hsl(195,30%,43%)
#446f7e rgb(68,111,126) hsl(195,30%,38%)
#3b616d rgb(59,97,109) hsl(195,30%,33%)
#32525d rgb(50,82,93) hsl(195,30%,28%)
#29434c rgb(41,67,76) hsl(195,30%,23%)
#20353c rgb(32,53,60) hsl(195,30%,18%)
#17262b rgb(23,38,43) hsl(195,30%,13%)
#0e171b rgb(14,23,27) hsl(195,30%,8%)
#05090a rgb(5,9,10) hsl(195,30%,3%)

Adjacent colors

HEX RGB HSL
#559E80 rgb(85,158,128) hsl(155,30%,48%)
#558C9F rgb(85,140,159) hsl(195,30%,48%)
#555C9F rgb(85,92,159) hsl(234,30%,48%)

Monochromatic colors

HEX RGB HSL
#84B0BD rgb(132,176,189) hsl(194,30%,63%)
#6B9EAF rgb(107,158,175) hsl(195,30%,55%)
#558C9F rgb(85,140,159) hsl(195,30%,48%)
#477585 rgb(71,117,133) hsl(195,30%,40%)
#395E6C rgb(57,94,108) hsl(196,31%,32%)
#2C4A52 rgb(44,74,82) hsl(193,30%,25%)

Triad color palettes

HEX RGB HSL
#558C9F rgb(85,140,159) hsl(195,30%,48%)
#9F5467 rgb(159,84,103) hsl(345,31%,48%)
#9F8C55 rgb(159,140,85) hsl(45,30%,48%)

Tetrad color palettes

HEX RGB HSL
#558C9F rgb(85,140,159) hsl(195,30%,48%)
#9F6955 rgb(159,105,85) hsl(16,30%,48%)
#559E8D rgb(85,158,141) hsl(166,30%,48%)
#9F8C55 rgb(159,140,85) hsl(45,30%,48%)