HEX #3A54A0 color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

3A54A0 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
#3A99A0 rgb(58,153,160) hsl(184,47%,43%)
#3A54A0 rgb(58,84,160) hsl(225,47%,43%)
#643BA0 rgb(100,59,160) hsl(264,46%,43%)

Monochromatic colors

HEX RGB HSL
#5B75C3 rgb(91,117,195) hsl(225,46%,56%)
#4361B9 rgb(67,97,185) hsl(225,47%,49%)
#3A54A0 rgb(58,84,160) hsl(225,47%,43%)
#304786 rgb(48,71,134) hsl(224,47%,36%)
#27386C rgb(39,56,108) hsl(225,47%,29%)
#1E2B53 rgb(30,43,83) hsl(225,47%,22%)

Triad color palettes

HEX RGB HSL
#3A54A0 rgb(58,84,160) hsl(225,47%,43%)
#A0543A rgb(160,84,58) hsl(15,47%,43%)
#87A13A rgb(135,161,58) hsl(75,47%,43%)

Tetrad color palettes

HEX RGB HSL
#3A54A0 rgb(58,84,160) hsl(225,47%,43%)
#A0873A rgb(160,135,58) hsl(45,47%,43%)
#3A87A0 rgb(58,135,160) hsl(195,47%,43%)
#87A13A rgb(135,161,58) hsl(75,47%,43%)