HEX #311396 color — Blue Gem
The color #311396 is a dark shade and highly saturated.
Palette
311396 color palette from light to dark
| HEX |
RGB |
HSL |
| #f8f6fe |
rgb(248,246,254) |
hsl(254,78%,98%) |
| #e6dffb |
rgb(230,223,251) |
hsl(254,78%,93%) |
| #d4c9f8 |
rgb(212,201,248) |
hsl(254,78%,88%) |
| #c2b2f5 |
rgb(194,178,245) |
hsl(254,78%,83%) |
| #b09bf3 |
rgb(176,155,243) |
hsl(254,78%,78%) |
| #9e84f0 |
rgb(158,132,240) |
hsl(254,78%,73%) |
| #8b6eed |
rgb(139,110,237) |
hsl(254,78%,68%) |
| #7957ea |
rgb(121,87,234) |
hsl(254,78%,63%) |
| #6740e7 |
rgb(103,64,231) |
hsl(254,78%,58%) |
| #552ae5 |
rgb(85,42,229) |
hsl(254,78%,53%) |
| #471bda |
rgb(71,27,218) |
hsl(254,78%,48%) |
| #4018c3 |
rgb(64,24,195) |
hsl(254,78%,43%) |
| #3915ac |
rgb(57,21,172) |
hsl(254,78%,38%) |
| #311396 |
rgb(49,19,150) |
hsl(254,78%,33%) |
| #2a107f |
rgb(42,16,127) |
hsl(254,78%,28%) |
| #220d68 |
rgb(34,13,104) |
hsl(254,78%,23%) |
| #1b0a52 |
rgb(27,10,82) |
hsl(254,78%,18%) |
| #13073b |
rgb(19,7,59) |
hsl(254,78%,13%) |
| #0c0424 |
rgb(12,4,36) |
hsl(254,78%,8%) |
| #04020e |
rgb(4,2,14) |
hsl(254,78%,3%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #134D96 |
rgb(19,77,150) |
hsl(213,78%,33%) |
| #311396 |
rgb(49,19,150) |
hsl(254,78%,33%) |
| #881296 |
rgb(136,18,150) |
hsl(294,79%,33%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #3817AE |
rgb(56,23,174) |
hsl(253,77%,39%) |
| #311396 |
rgb(49,19,150) |
hsl(254,78%,33%) |
| #290F7E |
rgb(41,15,126) |
hsl(254,79%,28%) |
| #210D66 |
rgb(33,13,102) |
hsl(253,77%,23%) |
| #190A4E |
rgb(25,10,78) |
hsl(253,77%,17%) |
| #110836 |
rgb(17,8,54) |
hsl(252,74%,12%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #311396 |
rgb(49,19,150) |
hsl(254,78%,33%) |
| #967313 |
rgb(150,115,19) |
hsl(44,78%,33%) |
| #369613 |
rgb(54,150,19) |
hsl(104,78%,33%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #311396 |
rgb(49,19,150) |
hsl(254,78%,33%) |
| #789613 |
rgb(120,150,19) |
hsl(74,78%,33%) |
| #133696 |
rgb(19,54,150) |
hsl(224,78%,33%) |
| #369613 |
rgb(54,150,19) |
hsl(104,78%,33%) |
