HEX #306B9E color — Azure

The color #306B9E is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

306B9E color palette from light to dark

HEX RGB HSL
#ebf3f9 rgb(235,243,249) hsl(208,53%,95%)
#d8e6f3 rgb(216,230,243) hsl(208,53%,90%)
#c4daed rgb(196,218,237) hsl(208,53%,85%)
#b1cee7 rgb(177,206,231) hsl(208,53%,80%)
#9dc2e1 rgb(157,194,225) hsl(208,53%,75%)
#8ab5db rgb(138,181,219) hsl(208,53%,70%)
#76a9d5 rgb(118,169,213) hsl(208,53%,65%)
#639dcf rgb(99,157,207) hsl(208,53%,60%)
#4f90c9 rgb(79,144,201) hsl(208,53%,55%)
#3c84c3 rgb(60,132,195) hsl(208,53%,50%)
#3677b0 rgb(54,119,176) hsl(208,53%,45%)
#306a9c rgb(48,106,156) hsl(208,53%,40%)
#2a5c89 rgb(42,92,137) hsl(208,53%,35%)
#244f75 rgb(36,79,117) hsl(208,53%,30%)
#1e4262 rgb(30,66,98) hsl(208,53%,25%)
#18354e rgb(24,53,78) hsl(208,53%,20%)
#12283b rgb(18,40,59) hsl(208,53%,15%)
#0c1a27 rgb(12,26,39) hsl(208,53%,10%)
#060d14 rgb(6,13,20) hsl(208,53%,5%)

Adjacent colors

HEX RGB HSL
#309E87 rgb(48,158,135) hsl(167,53%,40%)
#306B9E rgb(48,107,158) hsl(208,53%,40%)
#3E309E rgb(62,48,158) hsl(248,53%,40%)

Monochromatic colors

HEX RGB HSL
#488CC7 rgb(72,140,199) hsl(208,53%,53%)
#377DB7 rgb(55,125,183) hsl(207,54%,47%)
#306B9E rgb(48,107,158) hsl(208,53%,40%)
#285984 rgb(40,89,132) hsl(208,53%,34%)
#204A6B rgb(32,74,107) hsl(206,54%,27%)
#183852 rgb(24,56,82) hsl(207,55%,21%)

Triad color palettes

HEX RGB HSL
#306B9E rgb(48,107,158) hsl(208,53%,40%)
#9E3034 rgb(158,48,52) hsl(358,53%,40%)
#9E9930 rgb(158,153,48) hsl(57,53%,40%)

Tetrad color palettes

HEX RGB HSL
#306B9E rgb(48,107,158) hsl(208,53%,40%)
#9E6330 rgb(158,99,48) hsl(28,53%,40%)
#309E9A rgb(48,158,154) hsl(178,53%,40%)
#9E9930 rgb(158,153,48) hsl(57,53%,40%)