HEX #3145A5 color — Sapphire

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

Color codes

copy icon
copy icon
copy icon

Palette

3145a5 color palette from light to dark

HEX RGB HSL
#f3f5fb rgb(243,245,251) hsl(230,54%,97%)
#e0e3f6 rgb(224,227,246) hsl(230,54%,92%)
#ccd2f0 rgb(204,210,240) hsl(230,54%,87%)
#b8c1ea rgb(184,193,234) hsl(230,54%,82%)
#a5afe4 rgb(165,175,228) hsl(230,54%,77%)
#919ede rgb(145,158,222) hsl(230,54%,72%)
#7d8dd8 rgb(125,141,216) hsl(230,54%,67%)
#6a7bd2 rgb(106,123,210) hsl(230,54%,62%)
#566acd rgb(86,106,205) hsl(230,54%,57%)
#4359c7 rgb(67,89,199) hsl(230,54%,52%)
#374db9 rgb(55,77,185) hsl(230,54%,47%)
#3145a5 rgb(49,69,165) hsl(230,54%,42%)
#2b3c91 rgb(43,60,145) hsl(230,54%,37%)
#26347e rgb(38,52,126) hsl(230,54%,32%)
#202c6a rgb(32,44,106) hsl(230,54%,27%)
#1a2456 rgb(26,36,86) hsl(230,54%,22%)
#141c43 rgb(20,28,67) hsl(230,54%,17%)
#0e142f rgb(14,20,47) hsl(230,54%,12%)
#080b1b rgb(8,11,27) hsl(230,54%,7%)
#020308 rgb(2,3,8) hsl(230,54%,2%)

Adjacent colors

HEX RGB HSL
#3191A5 rgb(49,145,165) hsl(190,54%,42%)
#3145A5 rgb(49,69,165) hsl(230,54%,42%)
#6A30A5 rgb(106,48,165) hsl(270,55%,42%)

Monochromatic colors

HEX RGB HSL
#4F66CA rgb(79,102,202) hsl(229,54%,55%)
#384FBF rgb(56,79,191) hsl(230,55%,48%)
#3145A5 rgb(49,69,165) hsl(230,54%,42%)
#293B8A rgb(41,59,138) hsl(229,54%,35%)
#212E70 rgb(33,46,112) hsl(230,54%,28%)
#192455 rgb(25,36,85) hsl(229,55%,22%)

Triad color palettes

HEX RGB HSL
#3145A5 rgb(49,69,165) hsl(230,54%,42%)
#A55731 rgb(165,87,49) hsl(20,54%,42%)
#7FA631 rgb(127,166,49) hsl(80,54%,42%)

Tetrad color palettes

HEX RGB HSL
#3145A5 rgb(49,69,165) hsl(230,54%,42%)
#A59131 rgb(165,145,49) hsl(50,54%,42%)
#3180A5 rgb(49,128,165) hsl(199,54%,42%)
#7FA631 rgb(127,166,49) hsl(80,54%,42%)