HEX #306A9C color — Azure
The color #306a9c is a dark shade and moderately saturated.
Palette
306a9c 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 |
| #309C86 |
rgb(48,156,134) |
hsl(168,53%,40%) |
| #306A9C |
rgb(48,106,156) |
hsl(208,53%,40%) |
| #3E309C |
rgb(62,48,156) |
hsl(248,53%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #468CC6 |
rgb(70,140,198) |
hsl(207,53%,53%) |
| #377AB4 |
rgb(55,122,180) |
hsl(208,53%,46%) |
| #306A9C |
rgb(48,106,156) |
hsl(208,53%,40%) |
| #285983 |
rgb(40,89,131) |
hsl(208,53%,34%) |
| #20476A |
rgb(32,71,106) |
hsl(208,54%,27%) |
| #183851 |
rgb(24,56,81) |
hsl(206,54%,21%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #306A9C |
rgb(48,106,156) |
hsl(208,53%,40%) |
| #9C3034 |
rgb(156,48,52) |
hsl(358,53%,40%) |
| #9C9930 |
rgb(156,153,48) |
hsl(58,53%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #306A9C |
rgb(48,106,156) |
hsl(208,53%,40%) |
| #9C6130 |
rgb(156,97,48) |
hsl(27,53%,40%) |
| #309C98 |
rgb(48,156,152) |
hsl(178,53%,40%) |
| #9C9930 |
rgb(156,153,48) |
hsl(58,53%,40%) |
