HEX #313B97 color — Sapphire
The color #313B97 is a dark shade and moderately saturated.
Palette
313B97 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(234,51%,99%) |
#e8e9f8 |
rgb(232,233,248) |
hsl(234,51%,94%) |
#d5d8f1 |
rgb(213,216,241) |
hsl(234,51%,89%) |
#c1c6eb |
rgb(193,198,235) |
hsl(234,51%,84%) |
#aeb4e5 |
rgb(174,180,229) |
hsl(234,51%,79%) |
#9ba2df |
rgb(155,162,223) |
hsl(234,51%,74%) |
#8890d8 |
rgb(136,144,216) |
hsl(234,51%,69%) |
#747ed2 |
rgb(116,126,210) |
hsl(234,51%,64%) |
#616ccc |
rgb(97,108,204) |
hsl(234,51%,59%) |
#4e5ac6 |
rgb(78,90,198) |
hsl(234,51%,54%) |
#3d4abd |
rgb(61,74,189) |
hsl(234,51%,49%) |
#3742a9 |
rgb(55,66,169) |
hsl(234,51%,44%) |
#313b96 |
rgb(49,59,150) |
hsl(234,51%,39%) |
#2a3383 |
rgb(42,51,131) |
hsl(234,51%,34%) |
#242c70 |
rgb(36,44,112) |
hsl(234,51%,29%) |
#1e245c |
rgb(30,36,92) |
hsl(234,51%,24%) |
#181d49 |
rgb(24,29,73) |
hsl(234,51%,19%) |
#111536 |
rgb(17,21,54) |
hsl(234,51%,14%) |
#0b0e23 |
rgb(11,14,35) |
hsl(234,51%,9%) |
#05060f |
rgb(5,6,15) |
hsl(234,51%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#318097 |
rgb(49,128,151) |
hsl(194,51%,39%) |
#313B97 |
rgb(49,59,151) |
hsl(234,51%,39%) |
#6B3097 |
rgb(107,48,151) |
hsl(274,52%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3845AF |
rgb(56,69,175) |
hsl(233,52%,45%) |
#313B97 |
rgb(49,59,151) |
hsl(234,51%,39%) |
#29307E |
rgb(41,48,126) |
hsl(235,51%,33%) |
#212966 |
rgb(33,41,102) |
hsl(233,51%,26%) |
#191F4E |
rgb(25,31,78) |
hsl(233,51%,20%) |
#111436 |
rgb(17,20,54) |
hsl(235,52%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#313B97 |
rgb(49,59,151) |
hsl(234,51%,39%) |
#975931 |
rgb(151,89,49) |
hsl(24,51%,39%) |
#6E9631 |
rgb(110,150,49) |
hsl(84,51%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#313B97 |
rgb(49,59,151) |
hsl(234,51%,39%) |
#978C31 |
rgb(151,140,49) |
hsl(54,51%,39%) |
#316E97 |
rgb(49,110,151) |
hsl(204,51%,39%) |
#6E9631 |
rgb(110,150,49) |
hsl(84,51%,39%) |