HEX #3066A5 color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

3066A5 color palette from light to dark

HEX RGB HSL
#f3f7fc rgb(243,247,252) hsl(212,55%,97%)
#dfeaf6 rgb(223,234,246) hsl(212,55%,92%)
#ccddf0 rgb(204,221,240) hsl(212,55%,87%)
#b8cfea rgb(184,207,234) hsl(212,55%,82%)
#a4c2e5 rgb(164,194,229) hsl(212,55%,77%)
#90b5df rgb(144,181,223) hsl(212,55%,72%)
#7da8d9 rgb(125,168,217) hsl(212,55%,67%)
#699bd3 rgb(105,155,211) hsl(212,55%,62%)
#558dce rgb(85,141,206) hsl(212,55%,57%)
#4180c8 rgb(65,128,200) hsl(212,55%,52%)
#3673ba rgb(54,115,186) hsl(212,55%,47%)
#3067a6 rgb(48,103,166) hsl(212,55%,42%)
#2a5b92 rgb(42,91,146) hsl(212,55%,37%)
#254f7e rgb(37,79,126) hsl(212,55%,32%)
#1f426b rgb(31,66,107) hsl(212,55%,27%)
#193657 rgb(25,54,87) hsl(212,55%,22%)
#142a43 rgb(20,42,67) hsl(212,55%,17%)
#0e1d2f rgb(14,29,47) hsl(212,55%,12%)
#08111c rgb(8,17,28) hsl(212,55%,7%)
#020508 rgb(2,5,8) hsl(212,55%,2%)

Adjacent colors

HEX RGB HSL
#30A696 rgb(48,166,150) hsl(172,55%,42%)
#3066A5 rgb(48,102,165) hsl(212,55%,42%)
#4830A5 rgb(72,48,165) hsl(252,55%,42%)

Monochromatic colors

HEX RGB HSL
#4D87CB rgb(77,135,203) hsl(212,55%,55%)
#3775BF rgb(55,117,191) hsl(213,55%,48%)
#3066A5 rgb(48,102,165) hsl(212,55%,42%)
#28578A rgb(40,87,138) hsl(211,55%,35%)
#204570 rgb(32,69,112) hsl(212,56%,28%)
#183655 rgb(24,54,85) hsl(210,56%,21%)

Triad color palettes

HEX RGB HSL
#3066A5 rgb(48,102,165) hsl(212,55%,42%)
#A53630 rgb(165,54,48) hsl(3,55%,42%)
#A0A630 rgb(160,166,48) hsl(63,55%,42%)

Tetrad color palettes

HEX RGB HSL
#3066A5 rgb(48,102,165) hsl(212,55%,42%)
#A57030 rgb(165,112,48) hsl(33,55%,42%)
#30A1A5 rgb(48,161,165) hsl(182,55%,42%)
#A0A630 rgb(160,166,48) hsl(63,55%,42%)