HEX #314A64 color — San Juan

The color #314A64 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

314A64 color palette from light to dark

HEX RGB HSL
#fcfcfd rgb(252,252,253) hsl(211,34%,99%)
#eaf0f5 rgb(234,240,245) hsl(211,34%,94%)
#d9e3ec rgb(217,227,236) hsl(211,34%,89%)
#c8d6e4 rgb(200,214,228) hsl(211,34%,84%)
#b7c9dc rgb(183,201,220) hsl(211,34%,79%)
#a6bcd3 rgb(166,188,211) hsl(211,34%,74%)
#95afcb rgb(149,175,203) hsl(211,34%,69%)
#84a2c2 rgb(132,162,194) hsl(211,34%,64%)
#7395ba rgb(115,149,186) hsl(211,34%,59%)
#6288b2 rgb(98,136,178) hsl(211,34%,54%)
#527ca7 rgb(82,124,167) hsl(211,34%,49%)
#4a6f96 rgb(74,111,150) hsl(211,34%,44%)
#426285 rgb(66,98,133) hsl(211,34%,39%)
#395674 rgb(57,86,116) hsl(211,34%,34%)
#314963 rgb(49,73,99) hsl(211,34%,29%)
#283d52 rgb(40,61,82) hsl(211,34%,24%)
#203041 rgb(32,48,65) hsl(211,34%,19%)
#182330 rgb(24,35,48) hsl(211,34%,14%)
#0f171f rgb(15,23,31) hsl(211,34%,9%)
#070a0e rgb(7,10,14) hsl(211,34%,4%)

Adjacent colors

HEX RGB HSL
#31635C rgb(49,99,92) hsl(172,34%,29%)
#314A64 rgb(49,74,100) hsl(211,34%,29%)
#3A3064 rgb(58,48,100) hsl(252,35%,29%)

Monochromatic colors

HEX RGB HSL
#385774 rgb(56,87,116) hsl(209,35%,34%)
#314A64 rgb(49,74,100) hsl(211,34%,29%)
#293D54 rgb(41,61,84) hsl(212,34%,25%)
#213344 rgb(33,51,68) hsl(209,35%,20%)
#192634 rgb(25,38,52) hsl(211,35%,15%)
#111A24 rgb(17,26,36) hsl(212,36%,10%)

Triad color palettes

HEX RGB HSL
#314A64 rgb(49,74,100) hsl(211,34%,29%)
#643031 rgb(100,48,49) hsl(359,35%,29%)
#636331 rgb(99,99,49) hsl(60,34%,29%)

Tetrad color palettes

HEX RGB HSL
#314A64 rgb(49,74,100) hsl(211,34%,29%)
#644A31 rgb(100,74,49) hsl(29,34%,29%)
#316364 rgb(49,99,100) hsl(181,34%,29%)
#636331 rgb(99,99,49) hsl(60,34%,29%)