HEX #3145A3 color — Sapphire
The color #3145A3 is a dark shade and moderately saturated.
Palette
3145A3 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fb |
rgb(243,245,251) |
hsl(229,54%,97%) |
#e0e4f6 |
rgb(224,228,246) |
hsl(229,54%,92%) |
#ccd3f0 |
rgb(204,211,240) |
hsl(229,54%,87%) |
#b8c1ea |
rgb(184,193,234) |
hsl(229,54%,82%) |
#a5b0e4 |
rgb(165,176,228) |
hsl(229,54%,77%) |
#919fde |
rgb(145,159,222) |
hsl(229,54%,72%) |
#7d8ed8 |
rgb(125,142,216) |
hsl(229,54%,67%) |
#6a7dd2 |
rgb(106,125,210) |
hsl(229,54%,62%) |
#566ccd |
rgb(86,108,205) |
hsl(229,54%,57%) |
#435bc7 |
rgb(67,91,199) |
hsl(229,54%,52%) |
#374fb9 |
rgb(55,79,185) |
hsl(229,54%,47%) |
#3146a5 |
rgb(49,70,165) |
hsl(229,54%,42%) |
#2b3e91 |
rgb(43,62,145) |
hsl(229,54%,37%) |
#26367e |
rgb(38,54,126) |
hsl(229,54%,32%) |
#202d6a |
rgb(32,45,106) |
hsl(229,54%,27%) |
#1a2556 |
rgb(26,37,86) |
hsl(229,54%,22%) |
#141d43 |
rgb(20,29,67) |
hsl(229,54%,17%) |
#0e142f |
rgb(14,20,47) |
hsl(229,54%,12%) |
#080c1b |
rgb(8,12,27) |
hsl(229,54%,7%) |
#020308 |
rgb(2,3,8) |
hsl(229,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3191A3 |
rgb(49,145,163) |
hsl(189,54%,42%) |
#3145A3 |
rgb(49,69,163) |
hsl(229,54%,42%) |
#6930A3 |
rgb(105,48,163) |
hsl(270,55%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4E63C9 |
rgb(78,99,201) |
hsl(230,53%,55%) |
#384FBD |
rgb(56,79,189) |
hsl(230,54%,48%) |
#3145A3 |
rgb(49,69,163) |
hsl(229,54%,42%) |
#293B88 |
rgb(41,59,136) |
hsl(229,54%,35%) |
#212E6E |
rgb(33,46,110) |
hsl(230,54%,28%) |
#192454 |
rgb(25,36,84) |
hsl(229,54%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#3145A3 |
rgb(49,69,163) |
hsl(229,54%,42%) |
#A35731 |
rgb(163,87,49) |
hsl(20,54%,42%) |
#7EA331 |
rgb(126,163,49) |
hsl(79,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3145A3 |
rgb(49,69,163) |
hsl(229,54%,42%) |
#A38F31 |
rgb(163,143,49) |
hsl(49,54%,42%) |
#317DA3 |
rgb(49,125,163) |
hsl(200,54%,42%) |
#7EA331 |
rgb(126,163,49) |
hsl(79,54%,42%) |