HEX #3150A5 color — Sapphire

The color #3150a5 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3150a5 color palette from light to dark

HEX RGB HSL
#f3f5fb rgb(243,245,251) hsl(224,54%,97%)
#e0e5f6 rgb(224,229,246) hsl(224,54%,92%)
#ccd5f0 rgb(204,213,240) hsl(224,54%,87%)
#b8c6ea rgb(184,198,234) hsl(224,54%,82%)
#a5b6e4 rgb(165,182,228) hsl(224,54%,77%)
#91a6de rgb(145,166,222) hsl(224,54%,72%)
#7d96d8 rgb(125,150,216) hsl(224,54%,67%)
#6a86d2 rgb(106,134,210) hsl(224,54%,62%)
#5676cd rgb(86,118,205) hsl(224,54%,57%)
#4366c7 rgb(67,102,199) hsl(224,54%,52%)
#375ab9 rgb(55,90,185) hsl(224,54%,47%)
#3150a5 rgb(49,80,165) hsl(224,54%,42%)
#2b4791 rgb(43,71,145) hsl(224,54%,37%)
#263d7e rgb(38,61,126) hsl(224,54%,32%)
#20336a rgb(32,51,106) hsl(224,54%,27%)
#1a2a56 rgb(26,42,86) hsl(224,54%,22%)
#142043 rgb(20,32,67) hsl(224,54%,17%)
#0e172f rgb(14,23,47) hsl(224,54%,12%)
#080d1b rgb(8,13,27) hsl(224,54%,7%)
#020408 rgb(2,4,8) hsl(224,54%,2%)

Adjacent colors

HEX RGB HSL
#319EA5 rgb(49,158,165) hsl(184,54%,42%)
#3150A5 rgb(49,80,165) hsl(224,54%,42%)
#5F30A5 rgb(95,48,165) hsl(264,55%,42%)

Monochromatic colors

HEX RGB HSL
#4F70CA rgb(79,112,202) hsl(224,54%,55%)
#385CBF rgb(56,92,191) hsl(224,55%,48%)
#3150A5 rgb(49,80,165) hsl(224,54%,42%)
#29428A rgb(41,66,138) hsl(225,54%,35%)
#213670 rgb(33,54,112) hsl(224,54%,28%)
#192955 rgb(25,41,85) hsl(224,55%,22%)

Triad color palettes

HEX RGB HSL
#3150A5 rgb(49,80,165) hsl(224,54%,42%)
#A54D31 rgb(165,77,49) hsl(14,54%,42%)
#8AA631 rgb(138,166,49) hsl(74,54%,42%)

Tetrad color palettes

HEX RGB HSL
#3150A5 rgb(49,80,165) hsl(224,54%,42%)
#A58731 rgb(165,135,49) hsl(44,54%,42%)
#318AA5 rgb(49,138,165) hsl(194,54%,42%)
#8AA631 rgb(138,166,49) hsl(74,54%,42%)