HEX #306EB6 color — Azure
The color #306EB6 is a dark shade and moderately saturated.
Palette
306EB6 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 |
| #30B5A4 |
rgb(48,181,164) |
hsl(172,58%,45%) |
| #306EB6 |
rgb(48,110,182) |
hsl(212,58%,45%) |
| #4B30B6 |
rgb(75,48,182) |
hsl(252,58%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #5B94D3 |
rgb(91,148,211) |
hsl(212,58%,59%) |
| #3E80CC |
rgb(62,128,204) |
hsl(212,58%,52%) |
| #306EB6 |
rgb(48,110,182) |
hsl(212,58%,45%) |
| #285C98 |
rgb(40,92,152) |
hsl(212,58%,38%) |
| #204A7B |
rgb(32,74,123) |
hsl(212,59%,30%) |
| #18385E |
rgb(24,56,94) |
hsl(213,59%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #306EB6 |
rgb(48,110,182) |
hsl(212,58%,45%) |
| #B63630 |
rgb(182,54,48) |
hsl(3,58%,45%) |
| #B1B530 |
rgb(177,181,48) |
hsl(62,58%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #306EB6 |
rgb(48,110,182) |
hsl(212,58%,45%) |
| #B67830 |
rgb(182,120,48) |
hsl(32,58%,45%) |
| #30B0B6 |
rgb(48,176,182) |
hsl(183,58%,45%) |
| #B1B530 |
rgb(177,181,48) |
hsl(62,58%,45%) |
