HEX #314AA4 color — Sapphire

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

Color codes

Palette

314AA4 color palette from light to dark

HEX	RGB	HSL
#f3f5fb	rgb(243,245,251)	hsl(227,54%,97%)
#e0e4f6	rgb(224,228,246)	hsl(227,54%,92%)
#ccd4f0	rgb(204,212,240)	hsl(227,54%,87%)
#b8c3ea	rgb(184,195,234)	hsl(227,54%,82%)
#a5b2e4	rgb(165,178,228)	hsl(227,54%,77%)
#91a2de	rgb(145,162,222)	hsl(227,54%,72%)
#7d91d8	rgb(125,145,216)	hsl(227,54%,67%)
#6a80d2	rgb(106,128,210)	hsl(227,54%,62%)
#5670cd	rgb(86,112,205)	hsl(227,54%,57%)
#435fc7	rgb(67,95,199)	hsl(227,54%,52%)
#3753b9	rgb(55,83,185)	hsl(227,54%,47%)
#314aa5	rgb(49,74,165)	hsl(227,54%,42%)
#2b4191	rgb(43,65,145)	hsl(227,54%,37%)
#26397e	rgb(38,57,126)	hsl(227,54%,32%)
#20306a	rgb(32,48,106)	hsl(227,54%,27%)
#1a2756	rgb(26,39,86)	hsl(227,54%,22%)
#141e43	rgb(20,30,67)	hsl(227,54%,17%)
#0e152f	rgb(14,21,47)	hsl(227,54%,12%)
#080c1b	rgb(8,12,27)	hsl(227,54%,7%)
#020408	rgb(2,4,8)	hsl(227,54%,2%)

Adjacent colors

HEX	RGB	HSL
#3196A4	rgb(49,150,164)	hsl(187,54%,42%)
#314AA4	rgb(49,74,164)	hsl(227,54%,42%)
#6430A4	rgb(100,48,164)	hsl(267,55%,42%)

Monochromatic colors

HEX	RGB	HSL
#4E69CA	rgb(78,105,202)	hsl(227,54%,55%)
#3857BE	rgb(56,87,190)	hsl(226,54%,48%)
#314AA4	rgb(49,74,164)	hsl(227,54%,42%)
#293D89	rgb(41,61,137)	hsl(228,54%,35%)
#21336F	rgb(33,51,111)	hsl(226,54%,28%)
#192655	rgb(25,38,85)	hsl(227,55%,22%)

Triad color palettes

HEX	RGB	HSL
#314AA4	rgb(49,74,164)	hsl(227,54%,42%)
#A45231	rgb(164,82,49)	hsl(17,54%,42%)
#83A331	rgb(131,163,49)	hsl(77,54%,42%)

Tetrad color palettes

HEX	RGB	HSL
#314AA4	rgb(49,74,164)	hsl(227,54%,42%)
#A48C31	rgb(164,140,49)	hsl(47,54%,42%)
#3185A4	rgb(49,133,164)	hsl(196,54%,42%)
#83A331	rgb(131,163,49)	hsl(77,54%,42%)