HEX #313E96 color — Sapphire
The color #313E96 is a dark shade and moderately saturated.
Palette
313E96 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(232,51%,99%) |
#e8eaf8 |
rgb(232,234,248) |
hsl(232,51%,94%) |
#d5d8f1 |
rgb(213,216,241) |
hsl(232,51%,89%) |
#c1c7eb |
rgb(193,199,235) |
hsl(232,51%,84%) |
#aeb5e5 |
rgb(174,181,229) |
hsl(232,51%,79%) |
#9ba4df |
rgb(155,164,223) |
hsl(232,51%,74%) |
#8892d8 |
rgb(136,146,216) |
hsl(232,51%,69%) |
#7481d2 |
rgb(116,129,210) |
hsl(232,51%,64%) |
#616fcc |
rgb(97,111,204) |
hsl(232,51%,59%) |
#4e5ec6 |
rgb(78,94,198) |
hsl(232,51%,54%) |
#3d4ebd |
rgb(61,78,189) |
hsl(232,51%,49%) |
#3746a9 |
rgb(55,70,169) |
hsl(232,51%,44%) |
#313e96 |
rgb(49,62,150) |
hsl(232,51%,39%) |
#2a3683 |
rgb(42,54,131) |
hsl(232,51%,34%) |
#242e70 |
rgb(36,46,112) |
hsl(232,51%,29%) |
#1e265c |
rgb(30,38,92) |
hsl(232,51%,24%) |
#181e49 |
rgb(24,30,73) |
hsl(232,51%,19%) |
#111636 |
rgb(17,22,54) |
hsl(232,51%,14%) |
#0b0e23 |
rgb(11,14,35) |
hsl(232,51%,9%) |
#05060f |
rgb(5,6,15) |
hsl(232,51%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#318296 |
rgb(49,130,150) |
hsl(192,51%,39%) |
#313E96 |
rgb(49,62,150) |
hsl(232,51%,39%) |
#673096 |
rgb(103,48,150) |
hsl(272,52%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3847AE |
rgb(56,71,174) |
hsl(232,51%,45%) |
#313E96 |
rgb(49,62,150) |
hsl(232,51%,39%) |
#29337E |
rgb(41,51,126) |
hsl(233,51%,33%) |
#212B66 |
rgb(33,43,102) |
hsl(231,51%,26%) |
#19214E |
rgb(25,33,78) |
hsl(231,51%,20%) |
#111736 |
rgb(17,23,54) |
hsl(230,52%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#313E96 |
rgb(49,62,150) |
hsl(232,51%,39%) |
#965731 |
rgb(150,87,49) |
hsl(23,51%,39%) |
#709631 |
rgb(112,150,49) |
hsl(83,51%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#313E96 |
rgb(49,62,150) |
hsl(232,51%,39%) |
#968A31 |
rgb(150,138,49) |
hsl(53,51%,39%) |
#317096 |
rgb(49,112,150) |
hsl(203,51%,39%) |
#709631 |
rgb(112,150,49) |
hsl(83,51%,39%) |