HEX #31506D color — San Juan

The color #31506d is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

31506d color palette from light to dark

HEX RGB HSL
#f1f5f9 rgb(241,245,249) hsl(209,38%,96%)
#dfe8f1 rgb(223,232,241) hsl(209,38%,91%)
#cedce9 rgb(206,220,233) hsl(209,38%,86%)
#bccfe1 rgb(188,207,225) hsl(209,38%,81%)
#abc3d9 rgb(171,195,217) hsl(209,38%,76%)
#99b6d1 rgb(153,182,209) hsl(209,38%,71%)
#87a9c9 rgb(135,169,201) hsl(209,38%,66%)
#769dc1 rgb(118,157,193) hsl(209,38%,61%)
#6490b9 rgb(100,144,185) hsl(209,38%,56%)
#5384b2 rgb(83,132,178) hsl(209,38%,51%)
#4977a2 rgb(73,119,162) hsl(209,38%,46%)
#416a90 rgb(65,106,144) hsl(209,38%,41%)
#395d7f rgb(57,93,127) hsl(209,38%,36%)
#31506d rgb(49,80,109) hsl(209,38%,31%)
#29435b rgb(41,67,91) hsl(209,38%,26%)
#21364a rgb(33,54,74) hsl(209,38%,21%)
#192938 rgb(25,41,56) hsl(209,38%,16%)
#111c27 rgb(17,28,39) hsl(209,38%,11%)
#090f15 rgb(9,15,21) hsl(209,38%,6%)
#020304 rgb(2,3,4) hsl(209,38%,1%)

Adjacent colors

HEX RGB HSL
#316E62 rgb(49,110,98) hsl(168,38%,31%)
#31506D rgb(49,80,109) hsl(209,38%,31%)
#3A306D rgb(58,48,109) hsl(250,39%,31%)

Monochromatic colors

HEX RGB HSL
#385C7E rgb(56,92,126) hsl(209,38%,36%)
#31506D rgb(49,80,109) hsl(209,38%,31%)
#29425B rgb(41,66,91) hsl(210,38%,26%)
#21364A rgb(33,54,74) hsl(209,38%,21%)
#192938 rgb(25,41,56) hsl(209,38%,16%)
#111C27 rgb(17,28,39) hsl(210,39%,11%)

Triad color palettes

HEX RGB HSL
#31506D rgb(49,80,109) hsl(209,38%,31%)
#6D3032 rgb(109,48,50) hsl(358,39%,31%)
#6D6B31 rgb(109,107,49) hsl(58,38%,31%)

Tetrad color palettes

HEX RGB HSL
#31506D rgb(49,80,109) hsl(209,38%,31%)
#6D4F31 rgb(109,79,49) hsl(30,38%,31%)
#316E6C rgb(49,110,108) hsl(178,38%,31%)
#6D6B31 rgb(109,107,49) hsl(58,38%,31%)