HEX #3A5CA0 color — Azure
The color #3A5CA0 is a dark shade and moderately saturated.
Palette
3A5CA0 color palette from light to dark
HEX |
RGB |
HSL |
#f8f9fc |
rgb(248,249,252) |
hsl(220,47%,98%) |
#e5eaf6 |
rgb(229,234,246) |
hsl(220,47%,93%) |
#d2dcef |
rgb(210,220,239) |
hsl(220,47%,88%) |
#bfcde8 |
rgb(191,205,232) |
hsl(220,47%,83%) |
#adbee1 |
rgb(173,190,225) |
hsl(220,47%,78%) |
#9aafdb |
rgb(154,175,219) |
hsl(220,47%,73%) |
#87a1d4 |
rgb(135,161,212) |
hsl(220,47%,68%) |
#7492cd |
rgb(116,146,205) |
hsl(220,47%,63%) |
#6283c6 |
rgb(98,131,198) |
hsl(220,47%,58%) |
#4f74bf |
rgb(79,116,191) |
hsl(220,47%,53%) |
#4167b4 |
rgb(65,103,180) |
hsl(220,47%,48%) |
#3a5ca1 |
rgb(58,92,161) |
hsl(220,47%,43%) |
#33528e |
rgb(51,82,142) |
hsl(220,47%,38%) |
#2d477c |
rgb(45,71,124) |
hsl(220,47%,33%) |
#263c69 |
rgb(38,60,105) |
hsl(220,47%,28%) |
#1f3156 |
rgb(31,49,86) |
hsl(220,47%,23%) |
#182743 |
rgb(24,39,67) |
hsl(220,47%,18%) |
#121c31 |
rgb(18,28,49) |
hsl(220,47%,13%) |
#0b111e |
rgb(11,17,30) |
hsl(220,47%,8%) |
#04060b |
rgb(4,6,11) |
hsl(220,47%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AA1A0 |
rgb(58,161,160) |
hsl(179,47%,43%) |
#3A5CA0 |
rgb(58,92,160) |
hsl(220,47%,43%) |
#5C3BA0 |
rgb(92,59,160) |
hsl(260,46%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5B80C3 |
rgb(91,128,195) |
hsl(219,46%,56%) |
#436BB9 |
rgb(67,107,185) |
hsl(220,47%,49%) |
#3A5CA0 |
rgb(58,92,160) |
hsl(220,47%,43%) |
#304D86 |
rgb(48,77,134) |
hsl(220,47%,36%) |
#27406C |
rgb(39,64,108) |
hsl(218,47%,29%) |
#1E3053 |
rgb(30,48,83) |
hsl(220,47%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5CA0 |
rgb(58,92,160) |
hsl(220,47%,43%) |
#A04A3A |
rgb(160,74,58) |
hsl(9,47%,43%) |
#8FA13A |
rgb(143,161,58) |
hsl(70,47%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5CA0 |
rgb(58,92,160) |
hsl(220,47%,43%) |
#A07D3A |
rgb(160,125,58) |
hsl(39,47%,43%) |
#3A8FA0 |
rgb(58,143,160) |
hsl(190,47%,43%) |
#8FA13A |
rgb(143,161,58) |
hsl(70,47%,43%) |