HEX #3766A3 color — Azure
The color #3766A3 is a dark shade and moderately saturated.
Palette
3766A3 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 |
#37A398 |
rgb(55,163,152) |
hsl(174,50%,43%) |
#3766A3 |
rgb(55,102,163) |
hsl(214,50%,43%) |
#5038A3 |
rgb(80,56,163) |
hsl(253,49%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#588AC6 |
rgb(88,138,198) |
hsl(213,49%,56%) |
#3F75BD |
rgb(63,117,189) |
hsl(214,50%,49%) |
#3766A3 |
rgb(55,102,163) |
hsl(214,50%,43%) |
#2E5788 |
rgb(46,87,136) |
hsl(213,49%,36%) |
#25456E |
rgb(37,69,110) |
hsl(214,50%,29%) |
#1C3654 |
rgb(28,54,84) |
hsl(212,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3766A3 |
rgb(55,102,163) |
hsl(214,50%,43%) |
#A33D37 |
rgb(163,61,55) |
hsl(3,50%,43%) |
#9CA337 |
rgb(156,163,55) |
hsl(64,50%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3766A3 |
rgb(55,102,163) |
hsl(214,50%,43%) |
#A37337 |
rgb(163,115,55) |
hsl(33,50%,43%) |
#379CA3 |
rgb(55,156,163) |
hsl(184,50%,43%) |
#9CA337 |
rgb(156,163,55) |
hsl(64,50%,43%) |