HEX #3145A4 color — Sapphire
The color #3145A4 is a dark shade and moderately saturated.
Palette
3145A4 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fb |
rgb(243,245,251) |
hsl(230,54%,97%) |
#e0e3f6 |
rgb(224,227,246) |
hsl(230,54%,92%) |
#ccd2f0 |
rgb(204,210,240) |
hsl(230,54%,87%) |
#b8c1ea |
rgb(184,193,234) |
hsl(230,54%,82%) |
#a5afe4 |
rgb(165,175,228) |
hsl(230,54%,77%) |
#919ede |
rgb(145,158,222) |
hsl(230,54%,72%) |
#7d8dd8 |
rgb(125,141,216) |
hsl(230,54%,67%) |
#6a7bd2 |
rgb(106,123,210) |
hsl(230,54%,62%) |
#566acd |
rgb(86,106,205) |
hsl(230,54%,57%) |
#4359c7 |
rgb(67,89,199) |
hsl(230,54%,52%) |
#374db9 |
rgb(55,77,185) |
hsl(230,54%,47%) |
#3145a5 |
rgb(49,69,165) |
hsl(230,54%,42%) |
#2b3c91 |
rgb(43,60,145) |
hsl(230,54%,37%) |
#26347e |
rgb(38,52,126) |
hsl(230,54%,32%) |
#202c6a |
rgb(32,44,106) |
hsl(230,54%,27%) |
#1a2456 |
rgb(26,36,86) |
hsl(230,54%,22%) |
#141c43 |
rgb(20,28,67) |
hsl(230,54%,17%) |
#0e142f |
rgb(14,20,47) |
hsl(230,54%,12%) |
#080b1b |
rgb(8,11,27) |
hsl(230,54%,7%) |
#020308 |
rgb(2,3,8) |
hsl(230,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3191A4 |
rgb(49,145,164) |
hsl(190,54%,42%) |
#3145A4 |
rgb(49,69,164) |
hsl(230,54%,42%) |
#6930A4 |
rgb(105,48,164) |
hsl(269,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4E63CA |
rgb(78,99,202) |
hsl(230,54%,55%) |
#384FBE |
rgb(56,79,190) |
hsl(230,54%,48%) |
#3145A4 |
rgb(49,69,164) |
hsl(230,54%,42%) |
#293B89 |
rgb(41,59,137) |
hsl(229,54%,35%) |
#212E6F |
rgb(33,46,111) |
hsl(230,54%,28%) |
#192455 |
rgb(25,36,85) |
hsl(229,55%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3145A4 |
rgb(49,69,164) |
hsl(230,54%,42%) |
#A45731 |
rgb(164,87,49) |
hsl(20,54%,42%) |
#7EA331 |
rgb(126,163,49) |
hsl(79,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3145A4 |
rgb(49,69,164) |
hsl(230,54%,42%) |
#A48F31 |
rgb(164,143,49) |
hsl(49,54%,42%) |
#3180A4 |
rgb(49,128,164) |
hsl(199,54%,42%) |
#7EA331 |
rgb(126,163,49) |
hsl(79,54%,42%) |