HEX #3152A5 color — Sapphire
The color #3152a5 is a dark shade and moderately saturated.
Palette
3152a5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fb |
rgb(243,246,251) |
hsl(223,54%,97%) |
#e0e6f6 |
rgb(224,230,246) |
hsl(223,54%,92%) |
#ccd6f0 |
rgb(204,214,240) |
hsl(223,54%,87%) |
#b8c6ea |
rgb(184,198,234) |
hsl(223,54%,82%) |
#a5b7e4 |
rgb(165,183,228) |
hsl(223,54%,77%) |
#91a7de |
rgb(145,167,222) |
hsl(223,54%,72%) |
#7d97d8 |
rgb(125,151,216) |
hsl(223,54%,67%) |
#6a87d2 |
rgb(106,135,210) |
hsl(223,54%,62%) |
#5678cd |
rgb(86,120,205) |
hsl(223,54%,57%) |
#4368c7 |
rgb(67,104,199) |
hsl(223,54%,52%) |
#375cb9 |
rgb(55,92,185) |
hsl(223,54%,47%) |
#3152a5 |
rgb(49,82,165) |
hsl(223,54%,42%) |
#2b4891 |
rgb(43,72,145) |
hsl(223,54%,37%) |
#263f7e |
rgb(38,63,126) |
hsl(223,54%,32%) |
#20356a |
rgb(32,53,106) |
hsl(223,54%,27%) |
#1a2b56 |
rgb(26,43,86) |
hsl(223,54%,22%) |
#142143 |
rgb(20,33,67) |
hsl(223,54%,17%) |
#0e172f |
rgb(14,23,47) |
hsl(223,54%,12%) |
#080e1b |
rgb(8,14,27) |
hsl(223,54%,7%) |
#020408 |
rgb(2,4,8) |
hsl(223,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#319EA5 |
rgb(49,158,165) |
hsl(184,54%,42%) |
#3152A5 |
rgb(49,82,165) |
hsl(223,54%,42%) |
#5D30A5 |
rgb(93,48,165) |
hsl(263,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4F73CA |
rgb(79,115,202) |
hsl(222,54%,55%) |
#385EBF |
rgb(56,94,191) |
hsl(223,55%,48%) |
#3152A5 |
rgb(49,82,165) |
hsl(223,54%,42%) |
#29458A |
rgb(41,69,138) |
hsl(223,54%,35%) |
#213870 |
rgb(33,56,112) |
hsl(223,54%,28%) |
#192B55 |
rgb(25,43,85) |
hsl(222,55%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3152A5 |
rgb(49,82,165) |
hsl(223,54%,42%) |
#A54A31 |
rgb(165,74,49) |
hsl(13,54%,42%) |
#8CA631 |
rgb(140,166,49) |
hsl(73,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3152A5 |
rgb(49,82,165) |
hsl(223,54%,42%) |
#A58531 |
rgb(165,133,49) |
hsl(43,54%,42%) |
#318CA5 |
rgb(49,140,165) |
hsl(193,54%,42%) |
#8CA631 |
rgb(140,166,49) |
hsl(73,54%,42%) |