HEX #306EB3 color — Azure
The color #306EB3 is a dark shade and moderately saturated.
Palette
306EB3 color palette from light to dark
HEX |
RGB |
HSL |
#ebf2fa |
rgb(235,242,250) |
hsl(212,58%,95%) |
#d7e5f4 |
rgb(215,229,244) |
hsl(212,58%,90%) |
#c3d7ef |
rgb(195,215,239) |
hsl(212,58%,85%) |
#aecaea |
rgb(174,202,234) |
hsl(212,58%,80%) |
#9abde4 |
rgb(154,189,228) |
hsl(212,58%,75%) |
#86b0df |
rgb(134,176,223) |
hsl(212,58%,70%) |
#72a2da |
rgb(114,162,218) |
hsl(212,58%,65%) |
#5e95d4 |
rgb(94,149,212) |
hsl(212,58%,60%) |
#4a88cf |
rgb(74,136,207) |
hsl(212,58%,55%) |
#367bc9 |
rgb(54,123,201) |
hsl(212,58%,50%) |
#306eb5 |
rgb(48,110,181) |
hsl(212,58%,45%) |
#2b62a1 |
rgb(43,98,161) |
hsl(212,58%,40%) |
#25568d |
rgb(37,86,141) |
hsl(212,58%,35%) |
#204a79 |
rgb(32,74,121) |
hsl(212,58%,30%) |
#1b3d65 |
rgb(27,61,101) |
hsl(212,58%,25%) |
#153151 |
rgb(21,49,81) |
hsl(212,58%,20%) |
#10253c |
rgb(16,37,60) |
hsl(212,58%,15%) |
#0b1928 |
rgb(11,25,40) |
hsl(212,58%,10%) |
#050c14 |
rgb(5,12,20) |
hsl(212,58%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#30B3A0 |
rgb(48,179,160) |
hsl(171,58%,45%) |
#306EB3 |
rgb(48,110,179) |
hsl(212,58%,45%) |
#4930B3 |
rgb(73,48,179) |
hsl(251,58%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5991D2 |
rgb(89,145,210) |
hsl(212,57%,59%) |
#3C80CA |
rgb(60,128,202) |
hsl(211,57%,51%) |
#306EB3 |
rgb(48,110,179) |
hsl(212,58%,45%) |
#285C96 |
rgb(40,92,150) |
hsl(212,58%,37%) |
#204A79 |
rgb(32,74,121) |
hsl(212,58%,30%) |
#18385D |
rgb(24,56,93) |
hsl(212,59%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#306EB3 |
rgb(48,110,179) |
hsl(212,58%,45%) |
#B33330 |
rgb(179,51,48) |
hsl(1,58%,45%) |
#AFB330 |
rgb(175,179,48) |
hsl(62,58%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306EB3 |
rgb(48,110,179) |
hsl(212,58%,45%) |
#B37530 |
rgb(179,117,48) |
hsl(32,58%,45%) |
#30B0B3 |
rgb(48,176,179) |
hsl(181,58%,45%) |
#AFB330 |
rgb(175,179,48) |
hsl(62,58%,45%) |