HEX #306B9F color — Azure
The color #306B9F is a dark shade and moderately saturated.
Palette
306B9F color palette from light to dark
HEX |
RGB |
HSL |
#eff5fa |
rgb(239,245,250) |
hsl(208,54%,96%) |
#dce9f4 |
rgb(220,233,244) |
hsl(208,54%,91%) |
#c8ddef |
rgb(200,221,239) |
hsl(208,54%,86%) |
#b4d0e9 |
rgb(180,208,233) |
hsl(208,54%,81%) |
#a1c4e3 |
rgb(161,196,227) |
hsl(208,54%,76%) |
#8db8dd |
rgb(141,184,221) |
hsl(208,54%,71%) |
#79abd7 |
rgb(121,171,215) |
hsl(208,54%,66%) |
#669fd1 |
rgb(102,159,209) |
hsl(208,54%,61%) |
#5293cb |
rgb(82,147,203) |
hsl(208,54%,56%) |
#3f87c6 |
rgb(63,135,198) |
hsl(208,54%,51%) |
#367ab5 |
rgb(54,122,181) |
hsl(208,54%,46%) |
#306ca1 |
rgb(48,108,161) |
hsl(208,54%,41%) |
#2a5f8d |
rgb(42,95,141) |
hsl(208,54%,36%) |
#24527a |
rgb(36,82,122) |
hsl(208,54%,31%) |
#1e4566 |
rgb(30,69,102) |
hsl(208,54%,26%) |
#193752 |
rgb(25,55,82) |
hsl(208,54%,21%) |
#132a3f |
rgb(19,42,63) |
hsl(208,54%,16%) |
#0d1d2b |
rgb(13,29,43) |
hsl(208,54%,11%) |
#071018 |
rgb(7,16,24) |
hsl(208,54%,6%) |
#010304 |
rgb(1,3,4) |
hsl(208,54%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#309E89 |
rgb(48,158,137) |
hsl(169,53%,40%) |
#306B9F |
rgb(48,107,159) |
hsl(208,54%,41%) |
#3F309F |
rgb(63,48,159) |
hsl(248,54%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#498CC8 |
rgb(73,140,200) |
hsl(208,54%,54%) |
#377DB8 |
rgb(55,125,184) |
hsl(207,54%,47%) |
#306B9F |
rgb(48,107,159) |
hsl(208,54%,41%) |
#285985 |
rgb(40,89,133) |
hsl(208,54%,34%) |
#204A6C |
rgb(32,74,108) |
hsl(207,54%,27%) |
#183852 |
rgb(24,56,82) |
hsl(207,55%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#306B9F |
rgb(48,107,159) |
hsl(208,54%,41%) |
#9F3033 |
rgb(159,48,51) |
hsl(358,54%,41%) |
#9F9C30 |
rgb(159,156,48) |
hsl(58,54%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306B9F |
rgb(48,107,159) |
hsl(208,54%,41%) |
#9F6330 |
rgb(159,99,48) |
hsl(28,54%,41%) |
#309E9B |
rgb(48,158,155) |
hsl(178,53%,40%) |
#9F9C30 |
rgb(159,156,48) |
hsl(58,54%,41%) |