HEX #314AA5 color — Sapphire

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

Color codes

Palette

314AA5 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
#3196A5	rgb(49,150,165)	hsl(188,54%,42%)
#314AA5	rgb(49,74,165)	hsl(227,54%,42%)
#6530A5	rgb(101,48,165)	hsl(267,55%,42%)

Monochromatic colors

HEX	RGB	HSL
#4F6BCA	rgb(79,107,202)	hsl(226,54%,55%)
#3857BF	rgb(56,87,191)	hsl(226,55%,48%)
#314AA5	rgb(49,74,165)	hsl(227,54%,42%)
#293D8A	rgb(41,61,138)	hsl(228,54%,35%)
#213370	rgb(33,51,112)	hsl(226,54%,28%)
#192655	rgb(25,38,85)	hsl(227,55%,22%)

Triad color palettes

HEX	RGB	HSL
#314AA5	rgb(49,74,165)	hsl(227,54%,42%)
#A55231	rgb(165,82,49)	hsl(17,54%,42%)
#84A631	rgb(132,166,49)	hsl(77,54%,42%)

Tetrad color palettes

HEX	RGB	HSL
#314AA5	rgb(49,74,165)	hsl(227,54%,42%)
#A58C31	rgb(165,140,49)	hsl(47,54%,42%)
#3185A5	rgb(49,133,165)	hsl(197,54%,42%)
#84A631	rgb(132,166,49)	hsl(77,54%,42%)