HEX #366BB2 color — Azure
The color #366BB2 is a dark shade and moderately saturated.
Palette
366BB2 color palette from light to dark
HEX |
RGB |
HSL |
#ebf1f9 |
rgb(235,241,249) |
hsl(214,53%,95%) |
#d8e4f3 |
rgb(216,228,243) |
hsl(214,53%,90%) |
#c4d6ed |
rgb(196,214,237) |
hsl(214,53%,85%) |
#b1c8e7 |
rgb(177,200,231) |
hsl(214,53%,80%) |
#9dbbe1 |
rgb(157,187,225) |
hsl(214,53%,75%) |
#8aaddb |
rgb(138,173,219) |
hsl(214,53%,70%) |
#769fd5 |
rgb(118,159,213) |
hsl(214,53%,65%) |
#6392cf |
rgb(99,146,207) |
hsl(214,53%,60%) |
#4f84c9 |
rgb(79,132,201) |
hsl(214,53%,55%) |
#3c76c3 |
rgb(60,118,195) |
hsl(214,53%,50%) |
#366bb0 |
rgb(54,107,176) |
hsl(214,53%,45%) |
#305f9c |
rgb(48,95,156) |
hsl(214,53%,40%) |
#2a5389 |
rgb(42,83,137) |
hsl(214,53%,35%) |
#244775 |
rgb(36,71,117) |
hsl(214,53%,30%) |
#1e3b62 |
rgb(30,59,98) |
hsl(214,53%,25%) |
#182f4e |
rgb(24,47,78) |
hsl(214,53%,20%) |
#12243b |
rgb(18,36,59) |
hsl(214,53%,15%) |
#0c1827 |
rgb(12,24,39) |
hsl(214,53%,10%) |
#060c14 |
rgb(6,12,20) |
hsl(214,53%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#36B3A6 |
rgb(54,179,166) |
hsl(174,54%,46%) |
#366BB2 |
rgb(54,107,178) |
hsl(214,53%,45%) |
#5336B2 |
rgb(83,54,178) |
hsl(254,53%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6291CF |
rgb(98,145,207) |
hsl(214,53%,60%) |
#467DC6 |
rgb(70,125,198) |
hsl(214,53%,53%) |
#366BB2 |
rgb(54,107,178) |
hsl(214,53%,45%) |
#2D5995 |
rgb(45,89,149) |
hsl(215,54%,38%) |
#244A79 |
rgb(36,74,121) |
hsl(213,54%,31%) |
#1C385C |
rgb(28,56,92) |
hsl(214,53%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#366BB2 |
rgb(54,107,178) |
hsl(214,53%,45%) |
#B24036 |
rgb(178,64,54) |
hsl(5,53%,45%) |
#A9B336 |
rgb(169,179,54) |
hsl(65,54%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366BB2 |
rgb(54,107,178) |
hsl(214,53%,45%) |
#B27D36 |
rgb(178,125,54) |
hsl(34,53%,45%) |
#36A8B2 |
rgb(54,168,178) |
hsl(185,53%,45%) |
#A9B336 |
rgb(169,179,54) |
hsl(65,54%,46%) |