HEX #314097 color — Sapphire

The color #314097 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

314097 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(231,51%,99%)
#e8eaf8 rgb(232,234,248) hsl(231,51%,94%)
#d5d9f1 rgb(213,217,241) hsl(231,51%,89%)
#c1c8eb rgb(193,200,235) hsl(231,51%,84%)
#aeb6e5 rgb(174,182,229) hsl(231,51%,79%)
#9ba5df rgb(155,165,223) hsl(231,51%,74%)
#8894d8 rgb(136,148,216) hsl(231,51%,69%)
#7482d2 rgb(116,130,210) hsl(231,51%,64%)
#6171cc rgb(97,113,204) hsl(231,51%,59%)
#4e60c6 rgb(78,96,198) hsl(231,51%,54%)
#3d50bd rgb(61,80,189) hsl(231,51%,49%)
#3748a9 rgb(55,72,169) hsl(231,51%,44%)
#314096 rgb(49,64,150) hsl(231,51%,39%)
#2a3883 rgb(42,56,131) hsl(231,51%,34%)
#243070 rgb(36,48,112) hsl(231,51%,29%)
#1e275c rgb(30,39,92) hsl(231,51%,24%)
#181f49 rgb(24,31,73) hsl(231,51%,19%)
#111736 rgb(17,23,54) hsl(231,51%,14%)
#0b0f23 rgb(11,15,35) hsl(231,51%,9%)
#05070f rgb(5,7,15) hsl(231,51%,4%)

Adjacent colors

HEX RGB HSL
#318597 rgb(49,133,151) hsl(191,51%,39%)
#314097 rgb(49,64,151) hsl(231,51%,39%)
#663097 rgb(102,48,151) hsl(271,52%,39%)

Monochromatic colors

HEX RGB HSL
#384AAF rgb(56,74,175) hsl(231,52%,45%)
#314097 rgb(49,64,151) hsl(231,51%,39%)
#29367E rgb(41,54,126) hsl(231,51%,33%)
#212B66 rgb(33,43,102) hsl(231,51%,26%)
#19214E rgb(25,33,78) hsl(231,51%,20%)
#111736 rgb(17,23,54) hsl(230,52%,14%)

Triad color palettes

HEX RGB HSL
#314097 rgb(49,64,151) hsl(231,51%,39%)
#975431 rgb(151,84,49) hsl(21,51%,39%)
#739631 rgb(115,150,49) hsl(81,51%,39%)

Tetrad color palettes

HEX RGB HSL
#314097 rgb(49,64,151) hsl(231,51%,39%)
#978731 rgb(151,135,49) hsl(51,51%,39%)
#317397 rgb(49,115,151) hsl(201,51%,39%)
#739631 rgb(115,150,49) hsl(81,51%,39%)