HEX #306196 color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

306196 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(211,52%,99%)
#e8eff8 rgb(232,239,248) hsl(211,52%,94%)
#d4e2f2 rgb(212,226,242) hsl(211,52%,89%)
#c1d5eb rgb(193,213,235) hsl(211,52%,84%)
#aec9e5 rgb(174,201,229) hsl(211,52%,79%)
#9abcdf rgb(154,188,223) hsl(211,52%,74%)
#87afd9 rgb(135,175,217) hsl(211,52%,69%)
#73a2d3 rgb(115,162,211) hsl(211,52%,64%)
#6095cd rgb(96,149,205) hsl(211,52%,59%)
#4d88c7 rgb(77,136,199) hsl(211,52%,54%)
#3c7bbe rgb(60,123,190) hsl(211,52%,49%)
#366eab rgb(54,110,171) hsl(211,52%,44%)
#306297 rgb(48,98,151) hsl(211,52%,39%)
#2a5584 rgb(42,85,132) hsl(211,52%,34%)
#234970 rgb(35,73,112) hsl(211,52%,29%)
#1d3c5d rgb(29,60,93) hsl(211,52%,24%)
#17304a rgb(23,48,74) hsl(211,52%,19%)
#112336 rgb(17,35,54) hsl(211,52%,14%)
#0b1723 rgb(11,23,35) hsl(211,52%,9%)
#050a10 rgb(5,10,16) hsl(211,52%,4%)

Adjacent colors

HEX RGB HSL
#309687 rgb(48,150,135) hsl(171,52%,39%)
#306196 rgb(48,97,150) hsl(211,52%,39%)
#433096 rgb(67,48,150) hsl(251,52%,39%)

Monochromatic colors

HEX RGB HSL
#3770AE rgb(55,112,174) hsl(211,52%,45%)
#306196 rgb(48,97,150) hsl(211,52%,39%)
#28527E rgb(40,82,126) hsl(211,52%,33%)
#204266 rgb(32,66,102) hsl(211,52%,26%)
#18334E rgb(24,51,78) hsl(210,53%,20%)
#112436 rgb(17,36,54) hsl(209,52%,14%)

Triad color palettes

HEX RGB HSL
#306196 rgb(48,97,150) hsl(211,52%,39%)
#963330 rgb(150,51,48) hsl(2,52%,39%)
#949630 rgb(148,150,48) hsl(61,52%,39%)

Tetrad color palettes

HEX RGB HSL
#306196 rgb(48,97,150) hsl(211,52%,39%)
#966630 rgb(150,102,48) hsl(32,52%,39%)
#309496 rgb(48,148,150) hsl(181,52%,39%)
#949630 rgb(148,150,48) hsl(61,52%,39%)