HEX #3666A3 color — Azure
The color #3666A3 is a dark shade and moderately saturated.
Palette
3666A3 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 |
#36A397 |
rgb(54,163,151) |
hsl(173,50%,43%) |
#3666A3 |
rgb(54,102,163) |
hsl(214,50%,43%) |
#4E36A3 |
rgb(78,54,163) |
hsl(253,50%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#578AC7 |
rgb(87,138,199) |
hsl(213,50%,56%) |
#3E75BD |
rgb(62,117,189) |
hsl(214,51%,49%) |
#3666A3 |
rgb(54,102,163) |
hsl(214,50%,43%) |
#2D5788 |
rgb(45,87,136) |
hsl(212,50%,35%) |
#24456E |
rgb(36,69,110) |
hsl(213,51%,29%) |
#1C3654 |
rgb(28,54,84) |
hsl(212,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3666A3 |
rgb(54,102,163) |
hsl(214,50%,43%) |
#A33D36 |
rgb(163,61,54) |
hsl(4,50%,43%) |
#9CA336 |
rgb(156,163,54) |
hsl(64,50%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3666A3 |
rgb(54,102,163) |
hsl(214,50%,43%) |
#A37336 |
rgb(163,115,54) |
hsl(34,50%,43%) |
#369CA3 |
rgb(54,156,163) |
hsl(184,50%,43%) |
#9CA336 |
rgb(156,163,54) |
hsl(64,50%,43%) |