HEX #314D74 color — San Juan

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

Color codes

copy icon
copy icon
copy icon

Palette

314D74 color palette from light to dark

HEX RGB HSL
#f4f7fa rgb(244,247,250) hsl(215,41%,97%)
#e2e9f3 rgb(226,233,243) hsl(215,41%,92%)
#d0dceb rgb(208,220,235) hsl(215,41%,87%)
#becee4 rgb(190,206,228) hsl(215,41%,82%)
#acc0dc rgb(172,192,220) hsl(215,41%,77%)
#9ab3d5 rgb(154,179,213) hsl(215,41%,72%)
#88a5cd rgb(136,165,205) hsl(215,41%,67%)
#7697c6 rgb(118,151,198) hsl(215,41%,62%)
#648abe rgb(100,138,190) hsl(215,41%,57%)
#527cb7 rgb(82,124,183) hsl(215,41%,52%)
#4770a9 rgb(71,112,169) hsl(215,41%,47%)
#3f6497 rgb(63,100,151) hsl(215,41%,42%)
#385885 rgb(56,88,133) hsl(215,41%,37%)
#304c73 rgb(48,76,115) hsl(215,41%,32%)
#294061 rgb(41,64,97) hsl(215,41%,27%)
#21344f rgb(33,52,79) hsl(215,41%,22%)
#1a283d rgb(26,40,61) hsl(215,41%,17%)
#121d2b rgb(18,29,43) hsl(215,41%,12%)
#0b1119 rgb(11,17,25) hsl(215,41%,7%)
#030507 rgb(3,5,7) hsl(215,41%,2%)

Adjacent colors

HEX RGB HSL
#31736E rgb(49,115,110) hsl(175,40%,32%)
#314D74 rgb(49,77,116) hsl(215,41%,32%)
#413074 rgb(65,48,116) hsl(255,41%,32%)

Monochromatic colors

HEX RGB HSL
#385986 rgb(56,89,134) hsl(215,41%,37%)
#314D74 rgb(49,77,116) hsl(215,41%,32%)
#294061 rgb(41,64,97) hsl(215,41%,27%)
#21364E rgb(33,54,78) hsl(212,41%,22%)
#19293C rgb(25,41,60) hsl(213,41%,17%)
#111C29 rgb(17,28,41) hsl(213,41%,11%)

Triad color palettes

HEX RGB HSL
#314D74 rgb(49,77,116) hsl(215,41%,32%)
#743631 rgb(116,54,49) hsl(4,41%,32%)
#6E7331 rgb(110,115,49) hsl(65,40%,32%)

Tetrad color palettes

HEX RGB HSL
#314D74 rgb(49,77,116) hsl(215,41%,32%)
#745931 rgb(116,89,49) hsl(36,41%,32%)
#316E74 rgb(49,110,116) hsl(185,41%,32%)
#6E7331 rgb(110,115,49) hsl(65,40%,32%)