HEX #3766A5 color — Azure
The color #3766A5 is a dark shade and moderately saturated.
Palette
3766A5 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(214,50%,98%) |
#e4ecf6 |
rgb(228,236,246) |
hsl(214,50%,93%) |
#d1def0 |
rgb(209,222,240) |
hsl(214,50%,88%) |
#bed1e9 |
rgb(190,209,233) |
hsl(214,50%,83%) |
#abc3e3 |
rgb(171,195,227) |
hsl(214,50%,78%) |
#98b6dd |
rgb(152,182,221) |
hsl(214,50%,73%) |
#85a8d6 |
rgb(133,168,214) |
hsl(214,50%,68%) |
#719ad0 |
rgb(113,154,208) |
hsl(214,50%,63%) |
#5e8dc9 |
rgb(94,141,201) |
hsl(214,50%,58%) |
#4b7fc3 |
rgb(75,127,195) |
hsl(214,50%,53%) |
#3d72b8 |
rgb(61,114,184) |
hsl(214,50%,48%) |
#3766a4 |
rgb(55,102,164) |
hsl(214,50%,43%) |
#305a91 |
rgb(48,90,145) |
hsl(214,50%,38%) |
#2a4f7e |
rgb(42,79,126) |
hsl(214,50%,33%) |
#24436b |
rgb(36,67,107) |
hsl(214,50%,28%) |
#1d3758 |
rgb(29,55,88) |
hsl(214,50%,23%) |
#172b45 |
rgb(23,43,69) |
hsl(214,50%,18%) |
#111f32 |
rgb(17,31,50) |
hsl(214,50%,13%) |
#0a131f |
rgb(10,19,31) |
hsl(214,50%,8%) |
#04070b |
rgb(4,7,11) |
hsl(214,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#37A69A |
rgb(55,166,154) |
hsl(174,50%,43%) |
#3766A5 |
rgb(55,102,165) |
hsl(214,50%,43%) |
#5138A5 |
rgb(81,56,165) |
hsl(254,49%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5A8AC8 |
rgb(90,138,200) |
hsl(214,50%,57%) |
#3F75BF |
rgb(63,117,191) |
hsl(215,50%,50%) |
#3766A5 |
rgb(55,102,165) |
hsl(214,50%,43%) |
#2E578A |
rgb(46,87,138) |
hsl(213,50%,36%) |
#254570 |
rgb(37,69,112) |
hsl(214,50%,29%) |
#1C3655 |
rgb(28,54,85) |
hsl(213,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3766A5 |
rgb(55,102,165) |
hsl(214,50%,43%) |
#A54037 |
rgb(165,64,55) |
hsl(5,50%,43%) |
#9DA637 |
rgb(157,166,55) |
hsl(65,50%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3766A5 |
rgb(55,102,165) |
hsl(214,50%,43%) |
#A57537 |
rgb(165,117,55) |
hsl(34,50%,43%) |
#379EA5 |
rgb(55,158,165) |
hsl(184,50%,43%) |
#9DA637 |
rgb(157,166,55) |
hsl(65,50%,43%) |