HEX #314A94 color — Sapphire

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

Color codes

copy icon
copy icon
copy icon

Palette

314A94 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(225,50%,99%)
#e8ecf7 rgb(232,236,247) hsl(225,50%,94%)
#d5dcf1 rgb(213,220,241) hsl(225,50%,89%)
#c2cceb rgb(194,204,235) hsl(225,50%,84%)
#afbce4 rgb(175,188,228) hsl(225,50%,79%)
#9cacde rgb(156,172,222) hsl(225,50%,74%)
#889cd7 rgb(136,156,215) hsl(225,50%,69%)
#758cd1 rgb(117,140,209) hsl(225,50%,64%)
#627ccb rgb(98,124,203) hsl(225,50%,59%)
#4f6cc4 rgb(79,108,196) hsl(225,50%,54%)
#3e5ebb rgb(62,94,187) hsl(225,50%,49%)
#3854a8 rgb(56,84,168) hsl(225,50%,44%)
#324b95 rgb(50,75,149) hsl(225,50%,39%)
#2b4182 rgb(43,65,130) hsl(225,50%,34%)
#25376f rgb(37,55,111) hsl(225,50%,29%)
#1f2e5c rgb(31,46,92) hsl(225,50%,24%)
#182449 rgb(24,36,73) hsl(225,50%,19%)
#121b36 rgb(18,27,54) hsl(225,50%,14%)
#0b1122 rgb(11,17,34) hsl(225,50%,9%)
#05080f rgb(5,8,15) hsl(225,50%,4%)

Adjacent colors

HEX RGB HSL
#318C94 rgb(49,140,148) hsl(185,50%,39%)
#314A94 rgb(49,74,148) hsl(225,50%,39%)
#5A3094 rgb(90,48,148) hsl(265,51%,38%)

Monochromatic colors

HEX RGB HSL
#3857AB rgb(56,87,171) hsl(224,51%,45%)
#314A94 rgb(49,74,148) hsl(225,50%,39%)
#293D7C rgb(41,61,124) hsl(226,50%,32%)
#213364 rgb(33,51,100) hsl(224,50%,26%)
#19264C rgb(25,38,76) hsl(225,50%,20%)
#111A35 rgb(17,26,53) hsl(225,51%,14%)

Triad color palettes

HEX RGB HSL
#314A94 rgb(49,74,148) hsl(225,50%,39%)
#944A31 rgb(148,74,49) hsl(15,50%,39%)
#7B9431 rgb(123,148,49) hsl(75,50%,39%)

Tetrad color palettes

HEX RGB HSL
#314A94 rgb(49,74,148) hsl(225,50%,39%)
#947A31 rgb(148,122,49) hsl(44,50%,39%)
#317A94 rgb(49,122,148) hsl(196,50%,39%)
#7B9431 rgb(123,148,49) hsl(75,50%,39%)