HEX #386BA5 color — Azure
The color #386BA5 is a dark shade and moderately saturated.
Palette
386BA5 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(212,49%,98%) |
#e4edf6 |
rgb(228,237,246) |
hsl(212,49%,93%) |
#d1dfef |
rgb(209,223,239) |
hsl(212,49%,88%) |
#bed2e9 |
rgb(190,210,233) |
hsl(212,49%,83%) |
#abc5e2 |
rgb(171,197,226) |
hsl(212,49%,78%) |
#98b8dc |
rgb(152,184,220) |
hsl(212,49%,73%) |
#85abd5 |
rgb(133,171,213) |
hsl(212,49%,68%) |
#729ecf |
rgb(114,158,207) |
hsl(212,49%,63%) |
#5f90c8 |
rgb(95,144,200) |
hsl(212,49%,58%) |
#4c83c2 |
rgb(76,131,194) |
hsl(212,49%,53%) |
#3e76b6 |
rgb(62,118,182) |
hsl(212,49%,48%) |
#386aa3 |
rgb(56,106,163) |
hsl(212,49%,43%) |
#315e90 |
rgb(49,94,144) |
hsl(212,49%,38%) |
#2b517d |
rgb(43,81,125) |
hsl(212,49%,33%) |
#24456a |
rgb(36,69,106) |
hsl(212,49%,28%) |
#1e3957 |
rgb(30,57,87) |
hsl(212,49%,23%) |
#172c44 |
rgb(23,44,68) |
hsl(212,49%,18%) |
#112031 |
rgb(17,32,49) |
hsl(212,49%,13%) |
#0a141e |
rgb(10,20,30) |
hsl(212,49%,8%) |
#04070b |
rgb(4,7,11) |
hsl(212,49%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#38A696 |
rgb(56,166,150) |
hsl(171,50%,44%) |
#386BA5 |
rgb(56,107,165) |
hsl(212,49%,43%) |
#4D38A5 |
rgb(77,56,165) |
hsl(252,49%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C8FC7 |
rgb(92,143,199) |
hsl(211,49%,57%) |
#417DBE |
rgb(65,125,190) |
hsl(211,49%,50%) |
#386BA5 |
rgb(56,107,165) |
hsl(212,49%,43%) |
#2F598A |
rgb(47,89,138) |
hsl(212,49%,36%) |
#264A70 |
rgb(38,74,112) |
hsl(211,49%,29%) |
#1D3855 |
rgb(29,56,85) |
hsl(211,49%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#386BA5 |
rgb(56,107,165) |
hsl(212,49%,43%) |
#A53B38 |
rgb(165,59,56) |
hsl(2,49%,43%) |
#A1A638 |
rgb(161,166,56) |
hsl(63,50%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#386BA5 |
rgb(56,107,165) |
hsl(212,49%,43%) |
#A57338 |
rgb(165,115,56) |
hsl(32,49%,43%) |
#38A1A5 |
rgb(56,161,165) |
hsl(182,49%,43%) |
#A1A638 |
rgb(161,166,56) |
hsl(63,50%,44%) |