HEX #31456D color — San Juan

The color #31456D is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

31456D color palette from light to dark

HEX RGB HSL
#f1f4f9 rgb(241,244,249) hsl(220,38%,96%)
#dfe5f1 rgb(223,229,241) hsl(220,38%,91%)
#ced7e9 rgb(206,215,233) hsl(220,38%,86%)
#bcc8e1 rgb(188,200,225) hsl(220,38%,81%)
#abbad9 rgb(171,186,217) hsl(220,38%,76%)
#99acd1 rgb(153,172,209) hsl(220,38%,71%)
#879dc9 rgb(135,157,201) hsl(220,38%,66%)
#768fc1 rgb(118,143,193) hsl(220,38%,61%)
#6481b9 rgb(100,129,185) hsl(220,38%,56%)
#5372b2 rgb(83,114,178) hsl(220,38%,51%)
#4966a2 rgb(73,102,162) hsl(220,38%,46%)
#415b90 rgb(65,91,144) hsl(220,38%,41%)
#39507f rgb(57,80,127) hsl(220,38%,36%)
#31456d rgb(49,69,109) hsl(220,38%,31%)
#293a5b rgb(41,58,91) hsl(220,38%,26%)
#212f4a rgb(33,47,74) hsl(220,38%,21%)
#192438 rgb(25,36,56) hsl(220,38%,16%)
#111827 rgb(17,24,39) hsl(220,38%,11%)
#090d15 rgb(9,13,21) hsl(220,38%,6%)
#020204 rgb(2,2,4) hsl(220,38%,1%)

Adjacent colors

HEX RGB HSL
#316E6D rgb(49,110,109) hsl(179,38%,31%)
#31456D rgb(49,69,109) hsl(220,38%,31%)
#45306D rgb(69,48,109) hsl(261,39%,31%)

Monochromatic colors

HEX RGB HSL
#384F7E rgb(56,79,126) hsl(220,38%,36%)
#31456D rgb(49,69,109) hsl(220,38%,31%)
#293B5B rgb(41,59,91) hsl(218,38%,26%)
#212E4A rgb(33,46,74) hsl(221,38%,21%)
#192438 rgb(25,36,56) hsl(219,38%,16%)
#111A27 rgb(17,26,39) hsl(215,39%,11%)

Triad color palettes

HEX RGB HSL
#31456D rgb(49,69,109) hsl(220,38%,31%)
#6D3B31 rgb(109,59,49) hsl(10,38%,31%)
#636E31 rgb(99,110,49) hsl(71,38%,31%)

Tetrad color palettes

HEX RGB HSL
#31456D rgb(49,69,109) hsl(220,38%,31%)
#6D5931 rgb(109,89,49) hsl(40,38%,31%)
#31636D rgb(49,99,109) hsl(190,38%,31%)
#636E31 rgb(99,110,49) hsl(71,38%,31%)