HEX #2F5160 color — San Juan

The color #2f5160 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

2f5160 color palette from light to dark

HEX RGB HSL
#f8fbfc rgb(248,251,252) hsl(198,34%,98%)
#e7f0f3 rgb(231,240,243) hsl(198,34%,93%)
#d6e5eb rgb(214,229,235) hsl(198,34%,88%)
#c5dae2 rgb(197,218,226) hsl(198,34%,83%)
#b4cfda rgb(180,207,218) hsl(198,34%,78%)
#a3c4d2 rgb(163,196,210) hsl(198,34%,73%)
#92b8c9 rgb(146,184,201) hsl(198,34%,68%)
#81adc1 rgb(129,173,193) hsl(198,34%,63%)
#6fa2b8 rgb(111,162,184) hsl(198,34%,58%)
#5e97b0 rgb(94,151,176) hsl(198,34%,53%)
#518ba4 rgb(81,139,164) hsl(198,34%,48%)
#487d93 rgb(72,125,147) hsl(198,34%,43%)
#406e82 rgb(64,110,130) hsl(198,34%,38%)
#386071 rgb(56,96,113) hsl(198,34%,33%)
#2f5160 rgb(47,81,96) hsl(198,34%,28%)
#27434f rgb(39,67,79) hsl(198,34%,23%)
#1e343e rgb(30,52,62) hsl(198,34%,18%)
#16262c rgb(22,38,44) hsl(198,34%,13%)
#0d171b rgb(13,23,27) hsl(198,34%,8%)
#05090a rgb(5,9,10) hsl(198,34%,3%)

Adjacent colors

HEX RGB HSL
#2F614E rgb(47,97,78) hsl(157,35%,28%)
#2F5160 rgb(47,81,96) hsl(198,34%,28%)
#2F3060 rgb(47,48,96) hsl(239,34%,28%)

Monochromatic colors

HEX RGB HSL
#365E6F rgb(54,94,111) hsl(198,35%,32%)
#2F5160 rgb(47,81,96) hsl(198,34%,28%)
#274550 rgb(39,69,80) hsl(196,34%,23%)
#1F3841 rgb(31,56,65) hsl(196,35%,19%)
#182B31 rgb(24,43,49) hsl(194,34%,14%)
#101C22 rgb(16,28,34) hsl(200,36%,10%)

Triad color palettes

HEX RGB HSL
#2F5160 rgb(47,81,96) hsl(198,34%,28%)
#602E38 rgb(96,46,56) hsl(348,35%,28%)
#60572F rgb(96,87,47) hsl(49,34%,28%)

Tetrad color palettes

HEX RGB HSL
#2F5160 rgb(47,81,96) hsl(198,34%,28%)
#603D2F rgb(96,61,47) hsl(17,34%,28%)
#2F6156 rgb(47,97,86) hsl(167,35%,28%)
#60572F rgb(96,87,47) hsl(49,34%,28%)