HEX #312BF0 color — Blue
The color #312BF0 is a dark shade and highly saturated.
Palette
312BF0 color palette from light to dark
HEX |
RGB |
HSL |
#e8e7fd |
rgb(232,231,253) |
hsl(242,87%,95%) |
#d1cffc |
rgb(209,207,252) |
hsl(242,87%,90%) |
#bab7fa |
rgb(186,183,250) |
hsl(242,87%,85%) |
#a3a0f8 |
rgb(163,160,248) |
hsl(242,87%,80%) |
#8b88f7 |
rgb(139,136,247) |
hsl(242,87%,75%) |
#7470f5 |
rgb(116,112,245) |
hsl(242,87%,70%) |
#5d58f3 |
rgb(93,88,243) |
hsl(242,87%,65%) |
#4640f2 |
rgb(70,64,242) |
hsl(242,87%,60%) |
#2f28f0 |
rgb(47,40,240) |
hsl(242,87%,55%) |
#1811ee |
rgb(24,17,238) |
hsl(242,87%,50%) |
#160fd7 |
rgb(22,15,215) |
hsl(242,87%,45%) |
#130dbf |
rgb(19,13,191) |
hsl(242,87%,40%) |
#110ca7 |
rgb(17,12,167) |
hsl(242,87%,35%) |
#0e0a8f |
rgb(14,10,143) |
hsl(242,87%,30%) |
#0c0877 |
rgb(12,8,119) |
hsl(242,87%,25%) |
#0a075f |
rgb(10,7,95) |
hsl(242,87%,20%) |
#070548 |
rgb(7,5,72) |
hsl(242,87%,15%) |
#050330 |
rgb(5,3,48) |
hsl(242,87%,10%) |
#020218 |
rgb(2,2,24) |
hsl(242,87%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2BA8F0 |
rgb(43,168,240) |
hsl(202,87%,55%) |
#312BF0 |
rgb(49,43,240) |
hsl(242,87%,55%) |
#B42BF0 |
rgb(180,43,240) |
hsl(282,87%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8380F5 |
rgb(131,128,245) |
hsl(242,85%,73%) |
#5A54F2 |
rgb(90,84,242) |
hsl(242,86%,64%) |
#312BF0 |
rgb(49,43,240) |
hsl(242,87%,55%) |
#150FDE |
rgb(21,15,222) |
hsl(242,87%,46%) |
#110DB3 |
rgb(17,13,179) |
hsl(241,86%,38%) |
#0D0A89 |
rgb(13,10,137) |
hsl(241,86%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#312BF0 |
rgb(49,43,240) |
hsl(242,87%,55%) |
#F0942B |
rgb(240,148,43) |
hsl(32,87%,55%) |
#87F02B |
rgb(135,240,43) |
hsl(92,87%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#312BF0 |
rgb(49,43,240) |
hsl(242,87%,55%) |
#EAF02B |
rgb(234,240,43) |
hsl(62,87%,55%) |
#2B87F0 |
rgb(43,135,240) |
hsl(212,87%,55%) |
#87F02B |
rgb(135,240,43) |
hsl(92,87%,55%) |