HEX #306198 color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

306198 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(212,52%,99%)
#e8eff8 rgb(232,239,248) hsl(212,52%,94%)
#d4e2f2 rgb(212,226,242) hsl(212,52%,89%)
#c1d5eb rgb(193,213,235) hsl(212,52%,84%)
#aec8e5 rgb(174,200,229) hsl(212,52%,79%)
#9abadf rgb(154,186,223) hsl(212,52%,74%)
#87add9 rgb(135,173,217) hsl(212,52%,69%)
#73a0d3 rgb(115,160,211) hsl(212,52%,64%)
#6093cd rgb(96,147,205) hsl(212,52%,59%)
#4d86c7 rgb(77,134,199) hsl(212,52%,54%)
#3c79be rgb(60,121,190) hsl(212,52%,49%)
#366cab rgb(54,108,171) hsl(212,52%,44%)
#306097 rgb(48,96,151) hsl(212,52%,39%)
#2a5484 rgb(42,84,132) hsl(212,52%,34%)
#234770 rgb(35,71,112) hsl(212,52%,29%)
#1d3b5d rgb(29,59,93) hsl(212,52%,24%)
#172f4a rgb(23,47,74) hsl(212,52%,19%)
#112236 rgb(17,34,54) hsl(212,52%,14%)
#0b1623 rgb(11,22,35) hsl(212,52%,9%)
#050a10 rgb(5,10,16) hsl(212,52%,4%)

Adjacent colors

HEX RGB HSL
#309989 rgb(48,153,137) hsl(171,52%,39%)
#306198 rgb(48,97,152) hsl(212,52%,39%)
#443098 rgb(68,48,152) hsl(252,52%,39%)

Monochromatic colors

HEX RGB HSL
#3770B0 rgb(55,112,176) hsl(212,52%,45%)
#306198 rgb(48,97,152) hsl(212,52%,39%)
#28527F rgb(40,82,127) hsl(211,52%,33%)
#204267 rgb(32,66,103) hsl(211,53%,26%)
#18334F rgb(24,51,79) hsl(211,53%,20%)
#112436 rgb(17,36,54) hsl(209,52%,14%)

Triad color palettes

HEX RGB HSL
#306198 rgb(48,97,152) hsl(212,52%,39%)
#983330 rgb(152,51,48) hsl(2,52%,39%)
#959930 rgb(149,153,48) hsl(62,52%,39%)

Tetrad color palettes

HEX RGB HSL
#306198 rgb(48,97,152) hsl(212,52%,39%)
#986630 rgb(152,102,48) hsl(31,52%,39%)
#309498 rgb(48,148,152) hsl(182,52%,39%)
#959930 rgb(149,153,48) hsl(62,52%,39%)