HEX #3063A5 color — Azure

The color #3063A5 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3063A5 color palette from light to dark

HEX RGB HSL
#f3f7fc rgb(243,247,252) hsl(214,55%,97%)
#dfe9f6 rgb(223,233,246) hsl(214,55%,92%)
#ccdbf0 rgb(204,219,240) hsl(214,55%,87%)
#b8ceea rgb(184,206,234) hsl(214,55%,82%)
#a4c0e5 rgb(164,192,229) hsl(214,55%,77%)
#90b2df rgb(144,178,223) hsl(214,55%,72%)
#7da5d9 rgb(125,165,217) hsl(214,55%,67%)
#6997d3 rgb(105,151,211) hsl(214,55%,62%)
#5589ce rgb(85,137,206) hsl(214,55%,57%)
#417cc8 rgb(65,124,200) hsl(214,55%,52%)
#366fba rgb(54,111,186) hsl(214,55%,47%)
#3063a6 rgb(48,99,166) hsl(214,55%,42%)
#2a5792 rgb(42,87,146) hsl(214,55%,37%)
#254c7e rgb(37,76,126) hsl(214,55%,32%)
#1f406b rgb(31,64,107) hsl(214,55%,27%)
#193457 rgb(25,52,87) hsl(214,55%,22%)
#142843 rgb(20,40,67) hsl(214,55%,17%)
#0e1c2f rgb(14,28,47) hsl(214,55%,12%)
#08111c rgb(8,17,28) hsl(214,55%,7%)
#020508 rgb(2,5,8) hsl(214,55%,2%)

Adjacent colors

HEX RGB HSL
#30A699 rgb(48,166,153) hsl(173,55%,42%)
#3063A5 rgb(48,99,165) hsl(214,55%,42%)
#4B30A5 rgb(75,48,165) hsl(254,55%,42%)

Monochromatic colors

HEX RGB HSL
#4D85CB rgb(77,133,203) hsl(213,55%,55%)
#3773BF rgb(55,115,191) hsl(214,55%,48%)
#3063A5 rgb(48,99,165) hsl(214,55%,42%)
#28548A rgb(40,84,138) hsl(213,55%,35%)
#204270 rgb(32,66,112) hsl(215,56%,28%)
#183355 rgb(24,51,85) hsl(213,56%,21%)

Triad color palettes

HEX RGB HSL
#3063A5 rgb(48,99,165) hsl(214,55%,42%)
#A53830 rgb(165,56,48) hsl(4,55%,42%)
#9DA630 rgb(157,166,48) hsl(65,55%,42%)

Tetrad color palettes

HEX RGB HSL
#3063A5 rgb(48,99,165) hsl(214,55%,42%)
#A57330 rgb(165,115,48) hsl(34,55%,42%)
#309EA5 rgb(48,158,165) hsl(184,55%,42%)
#9DA630 rgb(157,166,48) hsl(65,55%,42%)