HEX #31576B color — San Juan

The color #31576B is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

31576B color palette from light to dark

HEX RGB HSL
#f1f6f9 rgb(241,246,249) hsl(201,37%,96%)
#e0ebf1 rgb(224,235,241) hsl(201,37%,91%)
#cedfe9 rgb(206,223,233) hsl(201,37%,86%)
#bdd4e0 rgb(189,212,224) hsl(201,37%,81%)
#abc9d8 rgb(171,201,216) hsl(201,37%,76%)
#9abdd0 rgb(154,189,208) hsl(201,37%,71%)
#88b2c8 rgb(136,178,200) hsl(201,37%,66%)
#77a7c0 rgb(119,167,192) hsl(201,37%,61%)
#659bb8 rgb(101,155,184) hsl(201,37%,56%)
#5490b0 rgb(84,144,176) hsl(201,37%,51%)
#4a82a1 rgb(74,130,161) hsl(201,37%,46%)
#42748f rgb(66,116,143) hsl(201,37%,41%)
#3a667e rgb(58,102,126) hsl(201,37%,36%)
#32586c rgb(50,88,108) hsl(201,37%,31%)
#2a4a5b rgb(42,74,91) hsl(201,37%,26%)
#223b49 rgb(34,59,73) hsl(201,37%,21%)
#1a2d38 rgb(26,45,56) hsl(201,37%,16%)
#121f26 rgb(18,31,38) hsl(201,37%,11%)
#0a1115 rgb(10,17,21) hsl(201,37%,6%)
#020303 rgb(2,3,3) hsl(201,37%,1%)

Adjacent colors

HEX RGB HSL
#316B58 rgb(49,107,88) hsl(160,37%,31%)
#31576B rgb(49,87,107) hsl(201,37%,31%)
#31306B rgb(49,48,107) hsl(241,38%,30%)

Monochromatic colors

HEX RGB HSL
#38667C rgb(56,102,124) hsl(199,38%,35%)
#31576B rgb(49,87,107) hsl(201,37%,31%)
#294A59 rgb(41,74,89) hsl(199,37%,25%)
#213B48 rgb(33,59,72) hsl(200,37%,21%)
#192E37 rgb(25,46,55) hsl(198,38%,16%)
#111F26 rgb(17,31,38) hsl(200,38%,11%)

Triad color palettes

HEX RGB HSL
#31576B rgb(49,87,107) hsl(201,37%,31%)
#6B303A rgb(107,48,58) hsl(350,38%,30%)
#6B6131 rgb(107,97,49) hsl(50,37%,31%)

Tetrad color palettes

HEX RGB HSL
#31576B rgb(49,87,107) hsl(201,37%,31%)
#6B4531 rgb(107,69,49) hsl(21,37%,31%)
#316B62 rgb(49,107,98) hsl(171,37%,31%)
#6B6131 rgb(107,97,49) hsl(50,37%,31%)