HEX #306999 color — Azure
The color #306999 is a dark shade and moderately saturated.
Palette
306999 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(207,52%,99%) |
#e8f0f8 |
rgb(232,240,248) |
hsl(207,52%,94%) |
#d4e4f2 |
rgb(212,228,242) |
hsl(207,52%,89%) |
#c1d8eb |
rgb(193,216,235) |
hsl(207,52%,84%) |
#aecce5 |
rgb(174,204,229) |
hsl(207,52%,79%) |
#9ac0df |
rgb(154,192,223) |
hsl(207,52%,74%) |
#87b4d9 |
rgb(135,180,217) |
hsl(207,52%,69%) |
#73a8d3 |
rgb(115,168,211) |
hsl(207,52%,64%) |
#609ccd |
rgb(96,156,205) |
hsl(207,52%,59%) |
#4d90c7 |
rgb(77,144,199) |
hsl(207,52%,54%) |
#3c83be |
rgb(60,131,190) |
hsl(207,52%,49%) |
#3676ab |
rgb(54,118,171) |
hsl(207,52%,44%) |
#306997 |
rgb(48,105,151) |
hsl(207,52%,39%) |
#2a5b84 |
rgb(42,91,132) |
hsl(207,52%,34%) |
#234e70 |
rgb(35,78,112) |
hsl(207,52%,29%) |
#1d405d |
rgb(29,64,93) |
hsl(207,52%,24%) |
#17334a |
rgb(23,51,74) |
hsl(207,52%,19%) |
#112636 |
rgb(17,38,54) |
hsl(207,52%,14%) |
#0b1823 |
rgb(11,24,35) |
hsl(207,52%,9%) |
#050b10 |
rgb(5,11,16) |
hsl(207,52%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#309983 |
rgb(48,153,131) |
hsl(167,52%,39%) |
#306999 |
rgb(48,105,153) |
hsl(207,52%,39%) |
#3D3099 |
rgb(61,48,153) |
hsl(247,52%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#377AB1 |
rgb(55,122,177) |
hsl(207,53%,45%) |
#306999 |
rgb(48,105,153) |
hsl(207,52%,39%) |
#285980 |
rgb(40,89,128) |
hsl(207,52%,33%) |
#204768 |
rgb(32,71,104) |
hsl(208,53%,27%) |
#18364F |
rgb(24,54,79) |
hsl(207,53%,20%) |
#112637 |
rgb(17,38,55) |
hsl(207,53%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#306999 |
rgb(48,105,153) |
hsl(207,52%,39%) |
#993034 |
rgb(153,48,52) |
hsl(358,52%,39%) |
#999430 |
rgb(153,148,48) |
hsl(57,52%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306999 |
rgb(48,105,153) |
hsl(207,52%,39%) |
#996130 |
rgb(153,97,48) |
hsl(28,52%,39%) |
#309994 |
rgb(48,153,148) |
hsl(177,52%,39%) |
#999430 |
rgb(153,148,48) |
hsl(57,52%,39%) |