HEX #3148A5 color — Sapphire
The color #3148a5 is a dark shade and moderately saturated.
Palette
3148a5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fb |
rgb(243,245,251) |
hsl(228,54%,97%) |
#e0e4f6 |
rgb(224,228,246) |
hsl(228,54%,92%) |
#ccd3f0 |
rgb(204,211,240) |
hsl(228,54%,87%) |
#b8c2ea |
rgb(184,194,234) |
hsl(228,54%,82%) |
#a5b1e4 |
rgb(165,177,228) |
hsl(228,54%,77%) |
#91a0de |
rgb(145,160,222) |
hsl(228,54%,72%) |
#7d90d8 |
rgb(125,144,216) |
hsl(228,54%,67%) |
#6a7fd2 |
rgb(106,127,210) |
hsl(228,54%,62%) |
#566ecd |
rgb(86,110,205) |
hsl(228,54%,57%) |
#435dc7 |
rgb(67,93,199) |
hsl(228,54%,52%) |
#3751b9 |
rgb(55,81,185) |
hsl(228,54%,47%) |
#3148a5 |
rgb(49,72,165) |
hsl(228,54%,42%) |
#2b4091 |
rgb(43,64,145) |
hsl(228,54%,37%) |
#26377e |
rgb(38,55,126) |
hsl(228,54%,32%) |
#202f6a |
rgb(32,47,106) |
hsl(228,54%,27%) |
#1a2656 |
rgb(26,38,86) |
hsl(228,54%,22%) |
#141d43 |
rgb(20,29,67) |
hsl(228,54%,17%) |
#0e152f |
rgb(14,21,47) |
hsl(228,54%,12%) |
#080c1b |
rgb(8,12,27) |
hsl(228,54%,7%) |
#020308 |
rgb(2,3,8) |
hsl(228,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3196A5 |
rgb(49,150,165) |
hsl(188,54%,42%) |
#3148A5 |
rgb(49,72,165) |
hsl(228,54%,42%) |
#6730A5 |
rgb(103,48,165) |
hsl(268,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4F69CA |
rgb(79,105,202) |
hsl(227,54%,55%) |
#3854BF |
rgb(56,84,191) |
hsl(228,55%,48%) |
#3148A5 |
rgb(49,72,165) |
hsl(228,54%,42%) |
#293D8A |
rgb(41,61,138) |
hsl(228,54%,35%) |
#213070 |
rgb(33,48,112) |
hsl(229,54%,28%) |
#192655 |
rgb(25,38,85) |
hsl(227,55%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3148A5 |
rgb(49,72,165) |
hsl(228,54%,42%) |
#A55431 |
rgb(165,84,49) |
hsl(18,54%,42%) |
#82A631 |
rgb(130,166,49) |
hsl(78,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3148A5 |
rgb(49,72,165) |
hsl(228,54%,42%) |
#A58F31 |
rgb(165,143,49) |
hsl(49,54%,42%) |
#3182A5 |
rgb(49,130,165) |
hsl(198,54%,42%) |
#82A631 |
rgb(130,166,49) |
hsl(78,54%,42%) |