HEX #3150A5 color — Sapphire
The color #3150a5 is a dark shade and moderately saturated.
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%) |