HEX #306699 color — Azure

The color #306699 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

306699 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(209,52%,99%)
#e8f0f8 rgb(232,240,248) hsl(209,52%,94%)
#d4e3f2 rgb(212,227,242) hsl(209,52%,89%)
#c1d7eb rgb(193,215,235) hsl(209,52%,84%)
#aecae5 rgb(174,202,229) hsl(209,52%,79%)
#9abedf rgb(154,190,223) hsl(209,52%,74%)
#87b1d9 rgb(135,177,217) hsl(209,52%,69%)
#73a5d3 rgb(115,165,211) hsl(209,52%,64%)
#6098cd rgb(96,152,205) hsl(209,52%,59%)
#4d8cc7 rgb(77,140,199) hsl(209,52%,54%)
#3c7fbe rgb(60,127,190) hsl(209,52%,49%)
#3672ab rgb(54,114,171) hsl(209,52%,44%)
#306597 rgb(48,101,151) hsl(209,52%,39%)
#2a5884 rgb(42,88,132) hsl(209,52%,34%)
#234b70 rgb(35,75,112) hsl(209,52%,29%)
#1d3e5d rgb(29,62,93) hsl(209,52%,24%)
#17314a rgb(23,49,74) hsl(209,52%,19%)
#112436 rgb(17,36,54) hsl(209,52%,14%)
#0b1723 rgb(11,23,35) hsl(209,52%,9%)
#050a10 rgb(5,10,16) hsl(209,52%,4%)

Adjacent colors

HEX RGB HSL
#309986 rgb(48,153,134) hsl(169,52%,39%)
#306699 rgb(48,102,153) hsl(209,52%,39%)
#403099 rgb(64,48,153) hsl(249,52%,39%)

Monochromatic colors

HEX RGB HSL
#3775B1 rgb(55,117,177) hsl(210,53%,45%)
#306699 rgb(48,102,153) hsl(209,52%,39%)
#285780 rgb(40,87,128) hsl(208,52%,33%)
#204568 rgb(32,69,104) hsl(209,53%,27%)
#18364F rgb(24,54,79) hsl(207,53%,20%)
#112437 rgb(17,36,55) hsl(210,53%,14%)

Triad color palettes

HEX RGB HSL
#306699 rgb(48,102,153) hsl(209,52%,39%)
#993031 rgb(153,48,49) hsl(359,52%,39%)
#999630 rgb(153,150,48) hsl(58,52%,39%)

Tetrad color palettes

HEX RGB HSL
#306699 rgb(48,102,153) hsl(209,52%,39%)
#996330 rgb(153,99,48) hsl(29,52%,39%)
#309997 rgb(48,153,151) hsl(179,52%,39%)
#999630 rgb(153,150,48) hsl(58,52%,39%)