HEX #3143A5 color — Sapphire
The color #3143a5 is a dark shade and moderately saturated.
Palette
3143a5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f4fb |
rgb(243,244,251) |
hsl(231,54%,97%) |
#e0e3f6 |
rgb(224,227,246) |
hsl(231,54%,92%) |
#ccd1f0 |
rgb(204,209,240) |
hsl(231,54%,87%) |
#b8c0ea |
rgb(184,192,234) |
hsl(231,54%,82%) |
#a5aee4 |
rgb(165,174,228) |
hsl(231,54%,77%) |
#919dde |
rgb(145,157,222) |
hsl(231,54%,72%) |
#7d8bd8 |
rgb(125,139,216) |
hsl(231,54%,67%) |
#6a79d2 |
rgb(106,121,210) |
hsl(231,54%,62%) |
#5668cd |
rgb(86,104,205) |
hsl(231,54%,57%) |
#4356c7 |
rgb(67,86,199) |
hsl(231,54%,52%) |
#374bb9 |
rgb(55,75,185) |
hsl(231,54%,47%) |
#3143a5 |
rgb(49,67,165) |
hsl(231,54%,42%) |
#2b3b91 |
rgb(43,59,145) |
hsl(231,54%,37%) |
#26337e |
rgb(38,51,126) |
hsl(231,54%,32%) |
#202b6a |
rgb(32,43,106) |
hsl(231,54%,27%) |
#1a2356 |
rgb(26,35,86) |
hsl(231,54%,22%) |
#141b43 |
rgb(20,27,67) |
hsl(231,54%,17%) |
#0e132f |
rgb(14,19,47) |
hsl(231,54%,12%) |
#080b1b |
rgb(8,11,27) |
hsl(231,54%,7%) |
#020308 |
rgb(2,3,8) |
hsl(231,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3191A5 |
rgb(49,145,165) |
hsl(190,54%,42%) |
#3143A5 |
rgb(49,67,165) |
hsl(231,54%,42%) |
#6C30A5 |
rgb(108,48,165) |
hsl(271,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4F63CA |
rgb(79,99,202) |
hsl(230,54%,55%) |
#384DBF |
rgb(56,77,191) |
hsl(231,55%,48%) |
#3143A5 |
rgb(49,67,165) |
hsl(231,54%,42%) |
#29388A |
rgb(41,56,138) |
hsl(231,54%,35%) |
#212E70 |
rgb(33,46,112) |
hsl(230,54%,28%) |
#192455 |
rgb(25,36,85) |
hsl(229,55%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3143A5 |
rgb(49,67,165) |
hsl(231,54%,42%) |
#A55931 |
rgb(165,89,49) |
hsl(21,54%,42%) |
#7DA631 |
rgb(125,166,49) |
hsl(81,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3143A5 |
rgb(49,67,165) |
hsl(231,54%,42%) |
#A59431 |
rgb(165,148,49) |
hsl(51,54%,42%) |
#317DA5 |
rgb(49,125,165) |
hsl(201,54%,42%) |
#7DA631 |
rgb(125,166,49) |
hsl(81,54%,42%) |