HEX #313D94 color — Sapphire
The color #313D94 is a dark shade and moderately saturated.
Palette
313D94 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(233,50%,99%) |
#e8eaf7 |
rgb(232,234,247) |
hsl(233,50%,94%) |
#d5d8f1 |
rgb(213,216,241) |
hsl(233,50%,89%) |
#c2c7eb |
rgb(194,199,235) |
hsl(233,50%,84%) |
#afb5e4 |
rgb(175,181,228) |
hsl(233,50%,79%) |
#9ca3de |
rgb(156,163,222) |
hsl(233,50%,74%) |
#8892d7 |
rgb(136,146,215) |
hsl(233,50%,69%) |
#7580d1 |
rgb(117,128,209) |
hsl(233,50%,64%) |
#626ecb |
rgb(98,110,203) |
hsl(233,50%,59%) |
#4f5dc4 |
rgb(79,93,196) |
hsl(233,50%,54%) |
#3e4dbb |
rgb(62,77,187) |
hsl(233,50%,49%) |
#3845a8 |
rgb(56,69,168) |
hsl(233,50%,44%) |
#323d95 |
rgb(50,61,149) |
hsl(233,50%,39%) |
#2b3582 |
rgb(43,53,130) |
hsl(233,50%,34%) |
#252e6f |
rgb(37,46,111) |
hsl(233,50%,29%) |
#1f265c |
rgb(31,38,92) |
hsl(233,50%,24%) |
#181e49 |
rgb(24,30,73) |
hsl(233,50%,19%) |
#121636 |
rgb(18,22,54) |
hsl(233,50%,14%) |
#0b0e22 |
rgb(11,14,34) |
hsl(233,50%,9%) |
#05060f |
rgb(5,6,15) |
hsl(233,50%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#318094 |
rgb(49,128,148) |
hsl(192,50%,39%) |
#313D94 |
rgb(49,61,148) |
hsl(233,50%,39%) |
#673094 |
rgb(103,48,148) |
hsl(273,51%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3847AB |
rgb(56,71,171) |
hsl(232,51%,45%) |
#313D94 |
rgb(49,61,148) |
hsl(233,50%,39%) |
#29337C |
rgb(41,51,124) |
hsl(233,50%,32%) |
#212964 |
rgb(33,41,100) |
hsl(233,50%,26%) |
#191F4C |
rgb(25,31,76) |
hsl(233,50%,20%) |
#111735 |
rgb(17,23,53) |
hsl(230,51%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#313D94 |
rgb(49,61,148) |
hsl(233,50%,39%) |
#945731 |
rgb(148,87,49) |
hsl(23,50%,39%) |
#6E9431 |
rgb(110,148,49) |
hsl(83,50%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#313D94 |
rgb(49,61,148) |
hsl(233,50%,39%) |
#948731 |
rgb(148,135,49) |
hsl(52,50%,39%) |
#316E94 |
rgb(49,110,148) |
hsl(203,50%,39%) |
#6E9431 |
rgb(110,148,49) |
hsl(83,50%,39%) |