HEX #314D96 color — Sapphire

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

Color codes

copy icon
copy icon
copy icon

Palette

314D96 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(223,51%,99%)
#e8ecf8 rgb(232,236,248) hsl(223,51%,94%)
#d5ddf1 rgb(213,221,241) hsl(223,51%,89%)
#c1cdeb rgb(193,205,235) hsl(223,51%,84%)
#aebee5 rgb(174,190,229) hsl(223,51%,79%)
#9baedf rgb(155,174,223) hsl(223,51%,74%)
#889ed8 rgb(136,158,216) hsl(223,51%,69%)
#748fd2 rgb(116,143,210) hsl(223,51%,64%)
#617fcc rgb(97,127,204) hsl(223,51%,59%)
#4e70c6 rgb(78,112,198) hsl(223,51%,54%)
#3d61bd rgb(61,97,189) hsl(223,51%,49%)
#3757a9 rgb(55,87,169) hsl(223,51%,44%)
#314d96 rgb(49,77,150) hsl(223,51%,39%)
#2a4483 rgb(42,68,131) hsl(223,51%,34%)
#243a70 rgb(36,58,112) hsl(223,51%,29%)
#1e305c rgb(30,48,92) hsl(223,51%,24%)
#182649 rgb(24,38,73) hsl(223,51%,19%)
#111c36 rgb(17,28,54) hsl(223,51%,14%)
#0b1223 rgb(11,18,35) hsl(223,51%,9%)
#05080f rgb(5,8,15) hsl(223,51%,4%)

Adjacent colors

HEX RGB HSL
#319196 rgb(49,145,150) hsl(183,51%,39%)
#314D96 rgb(49,77,150) hsl(223,51%,39%)
#583096 rgb(88,48,150) hsl(264,52%,39%)

Monochromatic colors

HEX RGB HSL
#3859AE rgb(56,89,174) hsl(223,51%,45%)
#314D96 rgb(49,77,150) hsl(223,51%,39%)
#29407E rgb(41,64,126) hsl(224,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
#314D96 rgb(49,77,150) hsl(223,51%,39%)
#964731 rgb(150,71,49) hsl(13,51%,39%)
#7F9631 rgb(127,150,49) hsl(74,51%,39%)

Tetrad color palettes

HEX RGB HSL
#314D96 rgb(49,77,150) hsl(223,51%,39%)
#967A31 rgb(150,122,49) hsl(43,51%,39%)
#318096 rgb(49,128,150) hsl(193,51%,39%)
#7F9631 rgb(127,150,49) hsl(74,51%,39%)