HEX #3A54A2 color — Azure

The color #3A54A2 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3A54A2 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
#3A99A2 rgb(58,153,162) hsl(185,47%,43%)
#3A54A2 rgb(58,84,162) hsl(225,47%,43%)
#653BA2 rgb(101,59,162) hsl(264,47%,43%)

Monochromatic colors

HEX RGB HSL
#5D78C5 rgb(93,120,197) hsl(224,47%,57%)
#4361BB rgb(67,97,187) hsl(225,47%,50%)
#3A54A2 rgb(58,84,162) hsl(225,47%,43%)
#304788 rgb(48,71,136) hsl(224,48%,36%)
#27386E rgb(39,56,110) hsl(226,48%,29%)
#1E2B54 rgb(30,43,84) hsl(226,47%,22%)

Triad color palettes

HEX RGB HSL
#3A54A2 rgb(58,84,162) hsl(225,47%,43%)
#A2543A rgb(162,84,58) hsl(15,47%,43%)
#88A33A rgb(136,163,58) hsl(75,48%,43%)

Tetrad color palettes

HEX RGB HSL
#3A54A2 rgb(58,84,162) hsl(225,47%,43%)
#A2873A rgb(162,135,58) hsl(44,47%,43%)
#3A87A2 rgb(58,135,162) hsl(196,47%,43%)
#88A33A rgb(136,163,58) hsl(75,48%,43%)