HEX #306BB3 color — Azure
The color #306BB3 is a dark shade and moderately saturated.
Palette
306BB3 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf2fa |
rgb(235,242,250) |
hsl(213,58%,95%) |
| #d7e4f4 |
rgb(215,228,244) |
hsl(213,58%,90%) |
| #c3d7ef |
rgb(195,215,239) |
hsl(213,58%,85%) |
| #aec9ea |
rgb(174,201,234) |
hsl(213,58%,80%) |
| #9abce4 |
rgb(154,188,228) |
hsl(213,58%,75%) |
| #86aedf |
rgb(134,174,223) |
hsl(213,58%,70%) |
| #72a1da |
rgb(114,161,218) |
hsl(213,58%,65%) |
| #5e93d4 |
rgb(94,147,212) |
hsl(213,58%,60%) |
| #4a86cf |
rgb(74,134,207) |
hsl(213,58%,55%) |
| #3678c9 |
rgb(54,120,201) |
hsl(213,58%,50%) |
| #306cb5 |
rgb(48,108,181) |
hsl(213,58%,45%) |
| #2b60a1 |
rgb(43,96,161) |
hsl(213,58%,40%) |
| #25548d |
rgb(37,84,141) |
hsl(213,58%,35%) |
| #204879 |
rgb(32,72,121) |
hsl(213,58%,30%) |
| #1b3c65 |
rgb(27,60,101) |
hsl(213,58%,25%) |
| #153051 |
rgb(21,48,81) |
hsl(213,58%,20%) |
| #10243c |
rgb(16,36,60) |
hsl(213,58%,15%) |
| #0b1828 |
rgb(11,24,40) |
hsl(213,58%,10%) |
| #050c14 |
rgb(5,12,20) |
hsl(213,58%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #30B3A3 |
rgb(48,179,163) |
hsl(173,58%,45%) |
| #306BB3 |
rgb(48,107,179) |
hsl(213,58%,45%) |
| #4C30B3 |
rgb(76,48,179) |
hsl(253,58%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #598FD2 |
rgb(89,143,210) |
hsl(213,57%,59%) |
| #3C7DCA |
rgb(60,125,202) |
hsl(213,57%,51%) |
| #306BB3 |
rgb(48,107,179) |
hsl(213,58%,45%) |
| #285996 |
rgb(40,89,150) |
hsl(213,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 |
| #306BB3 |
rgb(48,107,179) |
hsl(213,58%,45%) |
| #B33630 |
rgb(179,54,48) |
hsl(3,58%,45%) |
| #ACB330 |
rgb(172,179,48) |
hsl(63,58%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #306BB3 |
rgb(48,107,179) |
hsl(213,58%,45%) |
| #B37830 |
rgb(179,120,48) |
hsl(33,58%,45%) |
| #30ADB3 |
rgb(48,173,179) |
hsl(183,58%,45%) |
| #ACB330 |
rgb(172,179,48) |
hsl(63,58%,45%) |
