HEX #31479D color — Sapphire
The color #31479D is a dark shade and moderately saturated.
Palette
31479D color palette from light to dark
HEX |
RGB |
HSL |
#eceef9 |
rgb(236,238,249) |
hsl(228,52%,95%) |
#d8def3 |
rgb(216,222,243) |
hsl(228,52%,90%) |
#c5cded |
rgb(197,205,237) |
hsl(228,52%,85%) |
#b1bce7 |
rgb(177,188,231) |
hsl(228,52%,80%) |
#9eabe0 |
rgb(158,171,224) |
hsl(228,52%,75%) |
#8b9bda |
rgb(139,155,218) |
hsl(228,52%,70%) |
#778ad4 |
rgb(119,138,212) |
hsl(228,52%,65%) |
#6479ce |
rgb(100,121,206) |
hsl(228,52%,60%) |
#5168c8 |
rgb(81,104,200) |
hsl(228,52%,55%) |
#3d58c2 |
rgb(61,88,194) |
hsl(228,52%,50%) |
#374fae |
rgb(55,79,174) |
hsl(228,52%,45%) |
#31469b |
rgb(49,70,155) |
hsl(228,52%,40%) |
#2b3d88 |
rgb(43,61,136) |
hsl(228,52%,35%) |
#253574 |
rgb(37,53,116) |
hsl(228,52%,30%) |
#1f2c61 |
rgb(31,44,97) |
hsl(228,52%,25%) |
#18234e |
rgb(24,35,78) |
hsl(228,52%,20%) |
#121a3a |
rgb(18,26,58) |
hsl(228,52%,15%) |
#0c1227 |
rgb(12,18,39) |
hsl(228,52%,10%) |
#060913 |
rgb(6,9,19) |
hsl(228,52%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#318F9D |
rgb(49,143,157) |
hsl(188,52%,40%) |
#31479D |
rgb(49,71,157) |
hsl(228,52%,40%) |
#63309D |
rgb(99,48,157) |
hsl(268,53%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4963C6 |
rgb(73,99,198) |
hsl(228,52%,53%) |
#3852B6 |
rgb(56,82,182) |
hsl(228,53%,47%) |
#31479D |
rgb(49,71,157) |
hsl(228,52%,40%) |
#293B83 |
rgb(41,59,131) |
hsl(228,52%,34%) |
#21306A |
rgb(33,48,106) |
hsl(228,53%,27%) |
#192451 |
rgb(25,36,81) |
hsl(228,53%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#31479D |
rgb(49,71,157) |
hsl(228,52%,40%) |
#9D5231 |
rgb(157,82,49) |
hsl(18,52%,40%) |
#7D9E31 |
rgb(125,158,49) |
hsl(78,53%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#31479D |
rgb(49,71,157) |
hsl(228,52%,40%) |
#9D8731 |
rgb(157,135,49) |
hsl(48,52%,40%) |
#317D9D |
rgb(49,125,157) |
hsl(198,52%,40%) |
#7D9E31 |
rgb(125,158,49) |
hsl(78,53%,41%) |