HEX #313996 color — Sapphire
The color #313996 is a dark shade and moderately saturated.
Palette
313996 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(235,51%,99%) |
#e8e9f8 |
rgb(232,233,248) |
hsl(235,51%,94%) |
#d5d7f1 |
rgb(213,215,241) |
hsl(235,51%,89%) |
#c1c5eb |
rgb(193,197,235) |
hsl(235,51%,84%) |
#aeb3e5 |
rgb(174,179,229) |
hsl(235,51%,79%) |
#9ba1df |
rgb(155,161,223) |
hsl(235,51%,74%) |
#888ed8 |
rgb(136,142,216) |
hsl(235,51%,69%) |
#747cd2 |
rgb(116,124,210) |
hsl(235,51%,64%) |
#616acc |
rgb(97,106,204) |
hsl(235,51%,59%) |
#4e58c6 |
rgb(78,88,198) |
hsl(235,51%,54%) |
#3d48bd |
rgb(61,72,189) |
hsl(235,51%,49%) |
#3741a9 |
rgb(55,65,169) |
hsl(235,51%,44%) |
#313996 |
rgb(49,57,150) |
hsl(235,51%,39%) |
#2a3283 |
rgb(42,50,131) |
hsl(235,51%,34%) |
#242b70 |
rgb(36,43,112) |
hsl(235,51%,29%) |
#1e235c |
rgb(30,35,92) |
hsl(235,51%,24%) |
#181c49 |
rgb(24,28,73) |
hsl(235,51%,19%) |
#111536 |
rgb(17,21,54) |
hsl(235,51%,14%) |
#0b0d23 |
rgb(11,13,35) |
hsl(235,51%,9%) |
#05060f |
rgb(5,6,15) |
hsl(235,51%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#317D96 |
rgb(49,125,150) |
hsl(195,51%,39%) |
#313996 |
rgb(49,57,150) |
hsl(235,51%,39%) |
#6C3096 |
rgb(108,48,150) |
hsl(275,52%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3842AE |
rgb(56,66,174) |
hsl(235,51%,45%) |
#313996 |
rgb(49,57,150) |
hsl(235,51%,39%) |
#29307E |
rgb(41,48,126) |
hsl(235,51%,33%) |
#212666 |
rgb(33,38,102) |
hsl(236,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 |
#313996 |
rgb(49,57,150) |
hsl(235,51%,39%) |
#965C31 |
rgb(150,92,49) |
hsl(26,51%,39%) |
#6B9631 |
rgb(107,150,49) |
hsl(86,51%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#313996 |
rgb(49,57,150) |
hsl(235,51%,39%) |
#968F31 |
rgb(150,143,49) |
hsl(56,51%,39%) |
#316B96 |
rgb(49,107,150) |
hsl(206,51%,39%) |
#6B9631 |
rgb(107,150,49) |
hsl(86,51%,39%) |