HEX #3A54A1 color — Azure
The color #3a54a1 is a dark shade and moderately saturated.
Palette
3a54a1 color palette from light to dark
HEX |
RGB |
HSL |
#f8f9fc |
rgb(248,249,252) |
hsl(225,47%,98%) |
#e5e9f6 |
rgb(229,233,246) |
hsl(225,47%,93%) |
#d2d9ef |
rgb(210,217,239) |
hsl(225,47%,88%) |
#bfc9e8 |
rgb(191,201,232) |
hsl(225,47%,83%) |
#adbae1 |
rgb(173,186,225) |
hsl(225,47%,78%) |
#9aaadb |
rgb(154,170,219) |
hsl(225,47%,73%) |
#879ad4 |
rgb(135,154,212) |
hsl(225,47%,68%) |
#748acd |
rgb(116,138,205) |
hsl(225,47%,63%) |
#627bc6 |
rgb(98,123,198) |
hsl(225,47%,58%) |
#4f6bbf |
rgb(79,107,191) |
hsl(225,47%,53%) |
#415eb4 |
rgb(65,94,180) |
hsl(225,47%,48%) |
#3a54a1 |
rgb(58,84,161) |
hsl(225,47%,43%) |
#334a8e |
rgb(51,74,142) |
hsl(225,47%,38%) |
#2d407c |
rgb(45,64,124) |
hsl(225,47%,33%) |
#263769 |
rgb(38,55,105) |
hsl(225,47%,28%) |
#1f2d56 |
rgb(31,45,86) |
hsl(225,47%,23%) |
#182343 |
rgb(24,35,67) |
hsl(225,47%,18%) |
#121931 |
rgb(18,25,49) |
hsl(225,47%,13%) |
#0b101e |
rgb(11,16,30) |
hsl(225,47%,8%) |
#04060b |
rgb(4,6,11) |
hsl(225,47%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A99A1 |
rgb(58,153,161) |
hsl(185,47%,43%) |
#3A54A1 |
rgb(58,84,161) |
hsl(225,47%,43%) |
#643BA1 |
rgb(100,59,161) |
hsl(264,46%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C78C4 |
rgb(92,120,196) |
hsl(224,47%,56%) |
#4361BA |
rgb(67,97,186) |
hsl(225,47%,50%) |
#3A54A1 |
rgb(58,84,161) |
hsl(225,47%,43%) |
#304787 |
rgb(48,71,135) |
hsl(224,48%,36%) |
#27386D |
rgb(39,56,109) |
hsl(225,47%,29%) |
#1E2B53 |
rgb(30,43,83) |
hsl(225,47%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A54A1 |
rgb(58,84,161) |
hsl(225,47%,43%) |
#A1543A |
rgb(161,84,58) |
hsl(15,47%,43%) |
#87A13A |
rgb(135,161,58) |
hsl(75,47%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A54A1 |
rgb(58,84,161) |
hsl(225,47%,43%) |
#A1873A |
rgb(161,135,58) |
hsl(45,47%,43%) |
#3A87A1 |
rgb(58,135,161) |
hsl(195,47%,43%) |
#87A13A |
rgb(135,161,58) |
hsl(75,47%,43%) |