HEX #3866A4 color — Azure
The color #3866A4 is a dark shade and moderately saturated.
Palette
3866A4 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 |
#38A39A |
rgb(56,163,154) |
hsl(175,49%,43%) |
#3866A4 |
rgb(56,102,164) |
hsl(214,49%,43%) |
#5238A4 |
rgb(82,56,164) |
hsl(254,49%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5B8AC7 |
rgb(91,138,199) |
hsl(214,49%,57%) |
#4175BE |
rgb(65,117,190) |
hsl(215,49%,50%) |
#3866A4 |
rgb(56,102,164) |
hsl(214,49%,43%) |
#2F5789 |
rgb(47,87,137) |
hsl(213,49%,36%) |
#26456F |
rgb(38,69,111) |
hsl(215,49%,29%) |
#1D3655 |
rgb(29,54,85) |
hsl(213,49%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3866A4 |
rgb(56,102,164) |
hsl(214,49%,43%) |
#A44038 |
rgb(164,64,56) |
hsl(4,49%,43%) |
#9CA338 |
rgb(156,163,56) |
hsl(64,49%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3866A4 |
rgb(56,102,164) |
hsl(214,49%,43%) |
#A47538 |
rgb(164,117,56) |
hsl(34,49%,43%) |
#389CA4 |
rgb(56,156,164) |
hsl(184,49%,43%) |
#9CA338 |
rgb(156,163,56) |
hsl(64,49%,43%) |