HEX #313BA0 color — Sapphire
The color #313BA0 is a dark shade and moderately saturated.
Palette
313BA0 color palette from light to dark
HEX |
RGB |
HSL |
#eff0fa |
rgb(239,240,250) |
hsl(235,53%,96%) |
#dcdef4 |
rgb(220,222,244) |
hsl(235,53%,91%) |
#c8ccee |
rgb(200,204,238) |
hsl(235,53%,86%) |
#b5b9e8 |
rgb(181,185,232) |
hsl(235,53%,81%) |
#a1a7e2 |
rgb(161,167,226) |
hsl(235,53%,76%) |
#8e94dc |
rgb(142,148,220) |
hsl(235,53%,71%) |
#7a82d6 |
rgb(122,130,214) |
hsl(235,53%,66%) |
#6770d0 |
rgb(103,112,208) |
hsl(235,53%,61%) |
#535dca |
rgb(83,93,202) |
hsl(235,53%,56%) |
#404bc4 |
rgb(64,75,196) |
hsl(235,53%,51%) |
#3741b3 |
rgb(55,65,179) |
hsl(235,53%,46%) |
#313aa0 |
rgb(49,58,160) |
hsl(235,53%,41%) |
#2b338c |
rgb(43,51,140) |
hsl(235,53%,36%) |
#252c79 |
rgb(37,44,121) |
hsl(235,53%,31%) |
#1f2565 |
rgb(31,37,101) |
hsl(235,53%,26%) |
#191e52 |
rgb(25,30,82) |
hsl(235,53%,21%) |
#13173e |
rgb(19,23,62) |
hsl(235,53%,16%) |
#0d102b |
rgb(13,16,43) |
hsl(235,53%,11%) |
#070917 |
rgb(7,9,23) |
hsl(235,53%,6%) |
#010104 |
rgb(1,1,4) |
hsl(235,53%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3185A0 |
rgb(49,133,160) |
hsl(195,53%,41%) |
#313BA0 |
rgb(49,59,160) |
hsl(235,53%,41%) |
#7130A0 |
rgb(113,48,160) |
hsl(275,54%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4B57C8 |
rgb(75,87,200) |
hsl(234,53%,54%) |
#3845B9 |
rgb(56,69,185) |
hsl(234,54%,47%) |
#313BA0 |
rgb(49,59,160) |
hsl(235,53%,41%) |
#293086 |
rgb(41,48,134) |
hsl(235,53%,34%) |
#21296C |
rgb(33,41,108) |
hsl(234,53%,28%) |
#191F53 |
rgb(25,31,83) |
hsl(234,54%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#313BA0 |
rgb(49,59,160) |
hsl(235,53%,41%) |
#A05E31 |
rgb(160,94,49) |
hsl(24,53%,41%) |
#72A131 |
rgb(114,161,49) |
hsl(85,53%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#313BA0 |
rgb(49,59,160) |
hsl(235,53%,41%) |
#A09631 |
rgb(160,150,49) |
hsl(55,53%,41%) |
#3173A0 |
rgb(49,115,160) |
hsl(204,53%,41%) |
#72A131 |
rgb(114,161,49) |
hsl(85,53%,41%) |