HEX #314F96 color — Sapphire

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

Color codes

copy icon
copy icon
copy icon

Palette

314f96 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(222,51%,99%)
#e8edf8 rgb(232,237,248) hsl(222,51%,94%)
#d5ddf1 rgb(213,221,241) hsl(222,51%,89%)
#c1ceeb rgb(193,206,235) hsl(222,51%,84%)
#aebfe5 rgb(174,191,229) hsl(222,51%,79%)
#9bafdf rgb(155,175,223) hsl(222,51%,74%)
#88a0d8 rgb(136,160,216) hsl(222,51%,69%)
#7490d2 rgb(116,144,210) hsl(222,51%,64%)
#6181cc rgb(97,129,204) hsl(222,51%,59%)
#4e72c6 rgb(78,114,198) hsl(222,51%,54%)
#3d63bd rgb(61,99,189) hsl(222,51%,49%)
#3759a9 rgb(55,89,169) hsl(222,51%,44%)
#314f96 rgb(49,79,150) hsl(222,51%,39%)
#2a4583 rgb(42,69,131) hsl(222,51%,34%)
#243b70 rgb(36,59,112) hsl(222,51%,29%)
#1e315c rgb(30,49,92) hsl(222,51%,24%)
#182749 rgb(24,39,73) hsl(222,51%,19%)
#111c36 rgb(17,28,54) hsl(222,51%,14%)
#0b1223 rgb(11,18,35) hsl(222,51%,9%)
#05080f rgb(5,8,15) hsl(222,51%,4%)

Adjacent colors

HEX RGB HSL
#319196 rgb(49,145,150) hsl(183,51%,39%)
#314F96 rgb(49,79,150) hsl(222,51%,39%)
#563096 rgb(86,48,150) hsl(262,52%,39%)

Monochromatic colors

HEX RGB HSL
#385CAE rgb(56,92,174) hsl(222,51%,45%)
#314F96 rgb(49,79,150) hsl(222,51%,39%)
#29427E rgb(41,66,126) hsl(222,51%,33%)
#213666 rgb(33,54,102) hsl(222,51%,26%)
#19294E rgb(25,41,78) hsl(222,51%,20%)
#111C36 rgb(17,28,54) hsl(222,52%,14%)

Triad color palettes

HEX RGB HSL
#314F96 rgb(49,79,150) hsl(222,51%,39%)
#964531 rgb(150,69,49) hsl(12,51%,39%)
#819631 rgb(129,150,49) hsl(72,51%,39%)

Tetrad color palettes

HEX RGB HSL
#314F96 rgb(49,79,150) hsl(222,51%,39%)
#967831 rgb(150,120,49) hsl(42,51%,39%)
#318296 rgb(49,130,150) hsl(192,51%,39%)
#819631 rgb(129,150,49) hsl(72,51%,39%)