HEX #306199 color — Azure
The color #306199 is a dark shade and moderately saturated.
Palette
306199 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(212,52%,99%) |
#e8eff8 |
rgb(232,239,248) |
hsl(212,52%,94%) |
#d4e2f2 |
rgb(212,226,242) |
hsl(212,52%,89%) |
#c1d5eb |
rgb(193,213,235) |
hsl(212,52%,84%) |
#aec8e5 |
rgb(174,200,229) |
hsl(212,52%,79%) |
#9abadf |
rgb(154,186,223) |
hsl(212,52%,74%) |
#87add9 |
rgb(135,173,217) |
hsl(212,52%,69%) |
#73a0d3 |
rgb(115,160,211) |
hsl(212,52%,64%) |
#6093cd |
rgb(96,147,205) |
hsl(212,52%,59%) |
#4d86c7 |
rgb(77,134,199) |
hsl(212,52%,54%) |
#3c79be |
rgb(60,121,190) |
hsl(212,52%,49%) |
#366cab |
rgb(54,108,171) |
hsl(212,52%,44%) |
#306097 |
rgb(48,96,151) |
hsl(212,52%,39%) |
#2a5484 |
rgb(42,84,132) |
hsl(212,52%,34%) |
#234770 |
rgb(35,71,112) |
hsl(212,52%,29%) |
#1d3b5d |
rgb(29,59,93) |
hsl(212,52%,24%) |
#172f4a |
rgb(23,47,74) |
hsl(212,52%,19%) |
#112236 |
rgb(17,34,54) |
hsl(212,52%,14%) |
#0b1623 |
rgb(11,22,35) |
hsl(212,52%,9%) |
#050a10 |
rgb(5,10,16) |
hsl(212,52%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30998B |
rgb(48,153,139) |
hsl(172,52%,39%) |
#306199 |
rgb(48,97,153) |
hsl(212,52%,39%) |
#453099 |
rgb(69,48,153) |
hsl(252,52%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3770B1 |
rgb(55,112,177) |
hsl(212,53%,45%) |
#306199 |
rgb(48,97,153) |
hsl(212,52%,39%) |
#285280 |
rgb(40,82,128) |
hsl(211,52%,33%) |
#204268 |
rgb(32,66,104) |
hsl(212,53%,27%) |
#18334F |
rgb(24,51,79) |
hsl(211,53%,20%) |
#112437 |
rgb(17,36,55) |
hsl(210,53%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#306199 |
rgb(48,97,153) |
hsl(212,52%,39%) |
#993330 |
rgb(153,51,48) |
hsl(2,52%,39%) |
#959930 |
rgb(149,153,48) |
hsl(62,52%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306199 |
rgb(48,97,153) |
hsl(212,52%,39%) |
#996930 |
rgb(153,105,48) |
hsl(33,52%,39%) |
#309699 |
rgb(48,150,153) |
hsl(182,52%,39%) |
#959930 |
rgb(149,153,48) |
hsl(62,52%,39%) |