HEX #313B9D color — Sapphire
The color #313B9D is a dark shade and moderately saturated.
Palette
313B9D color palette from light to dark
HEX |
RGB |
HSL |
#ecedf9 |
rgb(236,237,249) |
hsl(234,52%,95%) |
#d8dbf3 |
rgb(216,219,243) |
hsl(234,52%,90%) |
#c5c9ed |
rgb(197,201,237) |
hsl(234,52%,85%) |
#b1b7e7 |
rgb(177,183,231) |
hsl(234,52%,80%) |
#9ea5e0 |
rgb(158,165,224) |
hsl(234,52%,75%) |
#8b93da |
rgb(139,147,218) |
hsl(234,52%,70%) |
#7781d4 |
rgb(119,129,212) |
hsl(234,52%,65%) |
#646fce |
rgb(100,111,206) |
hsl(234,52%,60%) |
#515dc8 |
rgb(81,93,200) |
hsl(234,52%,55%) |
#3d4ac2 |
rgb(61,74,194) |
hsl(234,52%,50%) |
#3743ae |
rgb(55,67,174) |
hsl(234,52%,45%) |
#313c9b |
rgb(49,60,155) |
hsl(234,52%,40%) |
#2b3488 |
rgb(43,52,136) |
hsl(234,52%,35%) |
#252d74 |
rgb(37,45,116) |
hsl(234,52%,30%) |
#1f2561 |
rgb(31,37,97) |
hsl(234,52%,25%) |
#181e4e |
rgb(24,30,78) |
hsl(234,52%,20%) |
#12163a |
rgb(18,22,58) |
hsl(234,52%,15%) |
#0c0f27 |
rgb(12,15,39) |
hsl(234,52%,10%) |
#060713 |
rgb(6,7,19) |
hsl(234,52%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#31829D |
rgb(49,130,157) |
hsl(195,52%,40%) |
#313B9D |
rgb(49,59,157) |
hsl(234,52%,40%) |
#6F309D |
rgb(111,48,157) |
hsl(275,53%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4954C6 |
rgb(73,84,198) |
hsl(235,52%,53%) |
#3845B6 |
rgb(56,69,182) |
hsl(234,53%,47%) |
#313B9D |
rgb(49,59,157) |
hsl(234,52%,40%) |
#293083 |
rgb(41,48,131) |
hsl(235,52%,34%) |
#21296A |
rgb(33,41,106) |
hsl(233,53%,27%) |
#191F51 |
rgb(25,31,81) |
hsl(234,53%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#313B9D |
rgb(49,59,157) |
hsl(234,52%,40%) |
#9D5C31 |
rgb(157,92,49) |
hsl(24,52%,40%) |
#719E31 |
rgb(113,158,49) |
hsl(85,53%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#313B9D |
rgb(49,59,157) |
hsl(234,52%,40%) |
#9D9431 |
rgb(157,148,49) |
hsl(55,52%,40%) |
#31709D |
rgb(49,112,157) |
hsl(205,52%,40%) |
#719E31 |
rgb(113,158,49) |
hsl(85,53%,41%) |