HEX #306BB6 color — Azure
The color #306BB6 is a dark shade and moderately saturated.
Palette
306BB6 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf1fa |
rgb(235,241,250) |
hsl(214,58%,95%) |
| #d7e4f4 |
rgb(215,228,244) |
hsl(214,58%,90%) |
| #c3d6ef |
rgb(195,214,239) |
hsl(214,58%,85%) |
| #aec8ea |
rgb(174,200,234) |
hsl(214,58%,80%) |
| #9abae4 |
rgb(154,186,228) |
hsl(214,58%,75%) |
| #86addf |
rgb(134,173,223) |
hsl(214,58%,70%) |
| #729fda |
rgb(114,159,218) |
hsl(214,58%,65%) |
| #5e91d4 |
rgb(94,145,212) |
hsl(214,58%,60%) |
| #4a83cf |
rgb(74,131,207) |
hsl(214,58%,55%) |
| #3676c9 |
rgb(54,118,201) |
hsl(214,58%,50%) |
| #306ab5 |
rgb(48,106,181) |
hsl(214,58%,45%) |
| #2b5ea1 |
rgb(43,94,161) |
hsl(214,58%,40%) |
| #25528d |
rgb(37,82,141) |
hsl(214,58%,35%) |
| #204779 |
rgb(32,71,121) |
hsl(214,58%,30%) |
| #1b3b65 |
rgb(27,59,101) |
hsl(214,58%,25%) |
| #152f51 |
rgb(21,47,81) |
hsl(214,58%,20%) |
| #10233c |
rgb(16,35,60) |
hsl(214,58%,15%) |
| #0b1828 |
rgb(11,24,40) |
hsl(214,58%,10%) |
| #050c14 |
rgb(5,12,20) |
hsl(214,58%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #30B5A7 |
rgb(48,181,167) |
hsl(174,58%,45%) |
| #306BB6 |
rgb(48,107,182) |
hsl(214,58%,45%) |
| #4E30B6 |
rgb(78,48,182) |
hsl(253,58%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #5B91D3 |
rgb(91,145,211) |
hsl(213,58%,59%) |
| #3E7DCC |
rgb(62,125,204) |
hsl(213,58%,52%) |
| #306BB6 |
rgb(48,107,182) |
hsl(214,58%,45%) |
| #285998 |
rgb(40,89,152) |
hsl(214,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 |
| #306BB6 |
rgb(48,107,182) |
hsl(214,58%,45%) |
| #B63830 |
rgb(182,56,48) |
hsl(4,58%,45%) |
| #AEB530 |
rgb(174,181,48) |
hsl(63,58%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #306BB6 |
rgb(48,107,182) |
hsl(214,58%,45%) |
| #B67A30 |
rgb(182,122,48) |
hsl(33,58%,45%) |
| #30ADB6 |
rgb(48,173,182) |
hsl(184,58%,45%) |
| #AEB530 |
rgb(174,181,48) |
hsl(63,58%,45%) |
