HEX #314099 color — Sapphire
The color #314099 is a dark shade and moderately saturated.
Palette
314099 color palette from light to dark
HEX |
RGB |
HSL |
#eceef9 |
rgb(236,238,249) |
hsl(231,51%,95%) |
#d8dcf3 |
rgb(216,220,243) |
hsl(231,51%,90%) |
#c5cbec |
rgb(197,203,236) |
hsl(231,51%,85%) |
#b2bae6 |
rgb(178,186,230) |
hsl(231,51%,80%) |
#9fa8e0 |
rgb(159,168,224) |
hsl(231,51%,75%) |
#8b97da |
rgb(139,151,218) |
hsl(231,51%,70%) |
#7886d3 |
rgb(120,134,211) |
hsl(231,51%,65%) |
#6575cd |
rgb(101,117,205) |
hsl(231,51%,60%) |
#5263c7 |
rgb(82,99,199) |
hsl(231,51%,55%) |
#3e52c1 |
rgb(62,82,193) |
hsl(231,51%,50%) |
#384aad |
rgb(56,74,173) |
hsl(231,51%,45%) |
#32429a |
rgb(50,66,154) |
hsl(231,51%,40%) |
#2c3987 |
rgb(44,57,135) |
hsl(231,51%,35%) |
#253174 |
rgb(37,49,116) |
hsl(231,51%,30%) |
#1f2960 |
rgb(31,41,96) |
hsl(231,51%,25%) |
#19214d |
rgb(25,33,77) |
hsl(231,51%,20%) |
#13193a |
rgb(19,25,58) |
hsl(231,51%,15%) |
#0c1027 |
rgb(12,16,39) |
hsl(231,51%,10%) |
#060813 |
rgb(6,8,19) |
hsl(231,51%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#318599 |
rgb(49,133,153) |
hsl(192,51%,40%) |
#314099 |
rgb(49,64,153) |
hsl(231,51%,40%) |
#673099 |
rgb(103,48,153) |
hsl(271,52%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#384AB1 |
rgb(56,74,177) |
hsl(231,52%,46%) |
#314099 |
rgb(49,64,153) |
hsl(231,51%,40%) |
#293680 |
rgb(41,54,128) |
hsl(231,51%,33%) |
#212B68 |
rgb(33,43,104) |
hsl(232,52%,27%) |
#19214F |
rgb(25,33,79) |
hsl(231,52%,20%) |
#111737 |
rgb(17,23,55) |
hsl(231,53%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#314099 |
rgb(49,64,153) |
hsl(231,51%,40%) |
#995731 |
rgb(153,87,49) |
hsl(22,51%,40%) |
#749931 |
rgb(116,153,49) |
hsl(81,51%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314099 |
rgb(49,64,153) |
hsl(231,51%,40%) |
#998A31 |
rgb(153,138,49) |
hsl(51,51%,40%) |
#317399 |
rgb(49,115,153) |
hsl(202,51%,40%) |
#749931 |
rgb(116,153,49) |
hsl(81,51%,40%) |