HEX #313D99 color — Sapphire
The color #313D99 is a dark shade and moderately saturated.
Palette
313D99 color palette from light to dark
HEX |
RGB |
HSL |
#ecedf9 |
rgb(236,237,249) |
hsl(233,51%,95%) |
#d8dcf3 |
rgb(216,220,243) |
hsl(233,51%,90%) |
#c5caec |
rgb(197,202,236) |
hsl(233,51%,85%) |
#b2b8e6 |
rgb(178,184,230) |
hsl(233,51%,80%) |
#9fa6e0 |
rgb(159,166,224) |
hsl(233,51%,75%) |
#8b95da |
rgb(139,149,218) |
hsl(233,51%,70%) |
#7883d3 |
rgb(120,131,211) |
hsl(233,51%,65%) |
#6571cd |
rgb(101,113,205) |
hsl(233,51%,60%) |
#525fc7 |
rgb(82,95,199) |
hsl(233,51%,55%) |
#3e4ec1 |
rgb(62,78,193) |
hsl(233,51%,50%) |
#3846ad |
rgb(56,70,173) |
hsl(233,51%,45%) |
#323e9a |
rgb(50,62,154) |
hsl(233,51%,40%) |
#2c3687 |
rgb(44,54,135) |
hsl(233,51%,35%) |
#252f74 |
rgb(37,47,116) |
hsl(233,51%,30%) |
#1f2760 |
rgb(31,39,96) |
hsl(233,51%,25%) |
#191f4d |
rgb(25,31,77) |
hsl(233,51%,20%) |
#13173a |
rgb(19,23,58) |
hsl(233,51%,15%) |
#0c1027 |
rgb(12,16,39) |
hsl(233,51%,10%) |
#060813 |
rgb(6,8,19) |
hsl(233,51%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#318299 |
rgb(49,130,153) |
hsl(193,51%,40%) |
#313D99 |
rgb(49,61,153) |
hsl(233,51%,40%) |
#6A3099 |
rgb(106,48,153) |
hsl(273,52%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3847B1 |
rgb(56,71,177) |
hsl(233,52%,46%) |
#313D99 |
rgb(49,61,153) |
hsl(233,51%,40%) |
#293380 |
rgb(41,51,128) |
hsl(233,51%,33%) |
#212968 |
rgb(33,41,104) |
hsl(233,52%,27%) |
#191F4F |
rgb(25,31,79) |
hsl(233,52%,20%) |
#111737 |
rgb(17,23,55) |
hsl(231,53%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#313D99 |
rgb(49,61,153) |
hsl(233,51%,40%) |
#995931 |
rgb(153,89,49) |
hsl(23,51%,40%) |
#719931 |
rgb(113,153,49) |
hsl(83,51%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#313D99 |
rgb(49,61,153) |
hsl(233,51%,40%) |
#998C31 |
rgb(153,140,49) |
hsl(53,51%,40%) |
#317099 |
rgb(49,112,153) |
hsl(204,51%,40%) |
#719931 |
rgb(113,153,49) |
hsl(83,51%,40%) |