HEX #3A4AA3 color — Sapphire
The color #3A4AA3 is a dark shade and moderately saturated.
Palette
3A4AA3 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fc |
rgb(247,248,252) |
hsl(231,48%,98%) |
#e5e7f6 |
rgb(229,231,246) |
hsl(231,48%,93%) |
#d2d6ef |
rgb(210,214,239) |
hsl(231,48%,88%) |
#bfc5e8 |
rgb(191,197,232) |
hsl(231,48%,83%) |
#acb4e2 |
rgb(172,180,226) |
hsl(231,48%,78%) |
#99a3db |
rgb(153,163,219) |
hsl(231,48%,73%) |
#8692d5 |
rgb(134,146,213) |
hsl(231,48%,68%) |
#7381ce |
rgb(115,129,206) |
hsl(231,48%,63%) |
#6070c7 |
rgb(96,112,199) |
hsl(231,48%,58%) |
#4e5fc1 |
rgb(78,95,193) |
hsl(231,48%,53%) |
#4051b5 |
rgb(64,81,181) |
hsl(231,48%,48%) |
#3949a2 |
rgb(57,73,162) |
hsl(231,48%,43%) |
#32408f |
rgb(50,64,143) |
hsl(231,48%,38%) |
#2c387d |
rgb(44,56,125) |
hsl(231,48%,33%) |
#252f6a |
rgb(37,47,106) |
hsl(231,48%,28%) |
#1e2757 |
rgb(30,39,87) |
hsl(231,48%,23%) |
#181e44 |
rgb(24,30,68) |
hsl(231,48%,18%) |
#111631 |
rgb(17,22,49) |
hsl(231,48%,13%) |
#0b0e1e |
rgb(11,14,30) |
hsl(231,48%,8%) |
#04050b |
rgb(4,5,11) |
hsl(231,48%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A8FA3 |
rgb(58,143,163) |
hsl(191,48%,43%) |
#3A4AA3 |
rgb(58,74,163) |
hsl(231,48%,43%) |
#703BA3 |
rgb(112,59,163) |
hsl(271,47%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5E6EC5 |
rgb(94,110,197) |
hsl(231,47%,57%) |
#4357BC |
rgb(67,87,188) |
hsl(230,47%,50%) |
#3A4AA3 |
rgb(58,74,163) |
hsl(231,48%,43%) |
#303D88 |
rgb(48,61,136) |
hsl(231,48%,36%) |
#27336E |
rgb(39,51,110) |
hsl(230,48%,29%) |
#1E2654 |
rgb(30,38,84) |
hsl(231,47%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A4AA3 |
rgb(58,74,163) |
hsl(231,48%,43%) |
#A35E3A |
rgb(163,94,58) |
hsl(21,48%,43%) |
#7EA33A |
rgb(126,163,58) |
hsl(81,48%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A4AA3 |
rgb(58,74,163) |
hsl(231,48%,43%) |
#A3943A |
rgb(163,148,58) |
hsl(51,48%,43%) |
#3A80A3 |
rgb(58,128,163) |
hsl(200,48%,43%) |
#7EA33A |
rgb(126,163,58) |
hsl(81,48%,43%) |