HEX #3866A2 color — Azure
The color #3866A2 is a dark shade and moderately saturated.
Palette
3866A2 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(214,49%,98%) |
#e4ecf6 |
rgb(228,236,246) |
hsl(214,49%,93%) |
#d1deef |
rgb(209,222,239) |
hsl(214,49%,88%) |
#bed1e9 |
rgb(190,209,233) |
hsl(214,49%,83%) |
#abc3e2 |
rgb(171,195,226) |
hsl(214,49%,78%) |
#98b6dc |
rgb(152,182,220) |
hsl(214,49%,73%) |
#85a8d5 |
rgb(133,168,213) |
hsl(214,49%,68%) |
#729acf |
rgb(114,154,207) |
hsl(214,49%,63%) |
#5f8dc8 |
rgb(95,141,200) |
hsl(214,49%,58%) |
#4c7fc2 |
rgb(76,127,194) |
hsl(214,49%,53%) |
#3e72b6 |
rgb(62,114,182) |
hsl(214,49%,48%) |
#3866a3 |
rgb(56,102,163) |
hsl(214,49%,43%) |
#315b90 |
rgb(49,91,144) |
hsl(214,49%,38%) |
#2b4f7d |
rgb(43,79,125) |
hsl(214,49%,33%) |
#24436a |
rgb(36,67,106) |
hsl(214,49%,28%) |
#1e3757 |
rgb(30,55,87) |
hsl(214,49%,23%) |
#172b44 |
rgb(23,43,68) |
hsl(214,49%,18%) |
#111f31 |
rgb(17,31,49) |
hsl(214,49%,13%) |
#0a131e |
rgb(10,19,30) |
hsl(214,49%,8%) |
#04070b |
rgb(4,7,11) |
hsl(214,49%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#38A397 |
rgb(56,163,151) |
hsl(173,49%,43%) |
#3866A2 |
rgb(56,102,162) |
hsl(214,49%,43%) |
#5038A2 |
rgb(80,56,162) |
hsl(254,49%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#598AC5 |
rgb(89,138,197) |
hsl(213,48%,56%) |
#4075BB |
rgb(64,117,187) |
hsl(214,49%,49%) |
#3866A2 |
rgb(56,102,162) |
hsl(214,49%,43%) |
#2F5788 |
rgb(47,87,136) |
hsl(213,49%,36%) |
#26456E |
rgb(38,69,110) |
hsl(214,49%,29%) |
#1D3654 |
rgb(29,54,84) |
hsl(213,49%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3866A2 |
rgb(56,102,162) |
hsl(214,49%,43%) |
#A24038 |
rgb(162,64,56) |
hsl(5,49%,43%) |
#9BA338 |
rgb(155,163,56) |
hsl(64,49%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3866A2 |
rgb(56,102,162) |
hsl(214,49%,43%) |
#A27338 |
rgb(162,115,56) |
hsl(33,49%,43%) |
#389CA2 |
rgb(56,156,162) |
hsl(183,49%,43%) |
#9BA338 |
rgb(155,163,56) |
hsl(64,49%,43%) |