HEX #3A4FA3 color — Azure
The color #3A4FA3 is a dark shade and moderately saturated.
Palette
3A4FA3 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fc |
rgb(247,248,252) |
hsl(228,48%,98%) |
#e5e8f6 |
rgb(229,232,246) |
hsl(228,48%,93%) |
#d2d8ef |
rgb(210,216,239) |
hsl(228,48%,88%) |
#bfc7e8 |
rgb(191,199,232) |
hsl(228,48%,83%) |
#acb7e2 |
rgb(172,183,226) |
hsl(228,48%,78%) |
#99a6db |
rgb(153,166,219) |
hsl(228,48%,73%) |
#8696d5 |
rgb(134,150,213) |
hsl(228,48%,68%) |
#7385ce |
rgb(115,133,206) |
hsl(228,48%,63%) |
#6075c7 |
rgb(96,117,199) |
hsl(228,48%,58%) |
#4e65c1 |
rgb(78,101,193) |
hsl(228,48%,53%) |
#4057b5 |
rgb(64,87,181) |
hsl(228,48%,48%) |
#394ea2 |
rgb(57,78,162) |
hsl(228,48%,43%) |
#32458f |
rgb(50,69,143) |
hsl(228,48%,38%) |
#2c3c7d |
rgb(44,60,125) |
hsl(228,48%,33%) |
#25336a |
rgb(37,51,106) |
hsl(228,48%,28%) |
#1e2a57 |
rgb(30,42,87) |
hsl(228,48%,23%) |
#182144 |
rgb(24,33,68) |
hsl(228,48%,18%) |
#111831 |
rgb(17,24,49) |
hsl(228,48%,13%) |
#0b0f1e |
rgb(11,15,30) |
hsl(228,48%,8%) |
#04050b |
rgb(4,5,11) |
hsl(228,48%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A94A3 |
rgb(58,148,163) |
hsl(189,48%,43%) |
#3A4FA3 |
rgb(58,79,163) |
hsl(228,48%,43%) |
#6B3BA3 |
rgb(107,59,163) |
hsl(268,47%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5E73C5 |
rgb(94,115,197) |
hsl(228,47%,57%) |
#435CBC |
rgb(67,92,188) |
hsl(228,47%,50%) |
#3A4FA3 |
rgb(58,79,163) |
hsl(228,48%,43%) |
#304288 |
rgb(48,66,136) |
hsl(228,48%,36%) |
#27366E |
rgb(39,54,110) |
hsl(227,48%,29%) |
#1E2954 |
rgb(30,41,84) |
hsl(228,47%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A4FA3 |
rgb(58,79,163) |
hsl(228,48%,43%) |
#A3593A |
rgb(163,89,58) |
hsl(18,48%,43%) |
#83A33A |
rgb(131,163,58) |
hsl(78,48%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A4FA3 |
rgb(58,79,163) |
hsl(228,48%,43%) |
#A38F3A |
rgb(163,143,58) |
hsl(49,48%,43%) |
#3A85A3 |
rgb(58,133,163) |
hsl(197,48%,43%) |
#83A33A |
rgb(131,163,58) |
hsl(78,48%,43%) |