HEX #314AA7 color — Sapphire

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

Color codes

copy icon
copy icon
copy icon

Palette

314AA7 color palette from light to dark

HEX RGB HSL
#f3f5fc rgb(243,245,252) hsl(227,55%,97%)
#dfe4f6 rgb(223,228,246) hsl(227,55%,92%)
#ccd4f0 rgb(204,212,240) hsl(227,55%,87%)
#b8c3ea rgb(184,195,234) hsl(227,55%,82%)
#a4b2e5 rgb(164,178,229) hsl(227,55%,77%)
#90a1df rgb(144,161,223) hsl(227,55%,72%)
#7d91d9 rgb(125,145,217) hsl(227,55%,67%)
#6980d3 rgb(105,128,211) hsl(227,55%,62%)
#556fce rgb(85,111,206) hsl(227,55%,57%)
#415ec8 rgb(65,94,200) hsl(227,55%,52%)
#3652ba rgb(54,82,186) hsl(227,55%,47%)
#304aa6 rgb(48,74,166) hsl(227,55%,42%)
#2a4192 rgb(42,65,146) hsl(227,55%,37%)
#25387e rgb(37,56,126) hsl(227,55%,32%)
#1f2f6b rgb(31,47,107) hsl(227,55%,27%)
#192757 rgb(25,39,87) hsl(227,55%,22%)
#141e43 rgb(20,30,67) hsl(227,55%,17%)
#0e152f rgb(14,21,47) hsl(227,55%,12%)
#080c1c rgb(8,12,28) hsl(227,55%,7%)
#020408 rgb(2,4,8) hsl(227,55%,2%)

Adjacent colors

HEX RGB HSL
#3199A7 rgb(49,153,167) hsl(187,55%,42%)
#314AA7 rgb(49,74,167) hsl(227,55%,42%)
#6630A7 rgb(102,48,167) hsl(267,55%,42%)

Monochromatic colors

HEX RGB HSL
#516BCB rgb(81,107,203) hsl(227,54%,56%)
#3857C1 rgb(56,87,193) hsl(226,55%,49%)
#314AA7 rgb(49,74,167) hsl(227,55%,42%)
#293D8C rgb(41,61,140) hsl(228,55%,35%)
#213371 rgb(33,51,113) hsl(227,55%,29%)
#192656 rgb(25,38,86) hsl(227,55%,22%)

Triad color palettes

HEX RGB HSL
#314AA7 rgb(49,74,167) hsl(227,55%,42%)
#A75431 rgb(167,84,49) hsl(18,55%,42%)
#85A631 rgb(133,166,49) hsl(77,54%,42%)

Tetrad color palettes

HEX RGB HSL
#314AA7 rgb(49,74,167) hsl(227,55%,42%)
#A78F31 rgb(167,143,49) hsl(48,55%,42%)
#3185A7 rgb(49,133,167) hsl(197,55%,42%)
#85A631 rgb(133,166,49) hsl(77,54%,42%)