HEX #3A57A0 color — Azure
The color #3A57A0 is a dark shade and moderately saturated.
Palette
3A57A0 color palette from light to dark
HEX |
RGB |
HSL |
#f8f9fc |
rgb(248,249,252) |
hsl(223,47%,98%) |
#e5eaf6 |
rgb(229,234,246) |
hsl(223,47%,93%) |
#d2daef |
rgb(210,218,239) |
hsl(223,47%,88%) |
#bfcbe8 |
rgb(191,203,232) |
hsl(223,47%,83%) |
#adbbe1 |
rgb(173,187,225) |
hsl(223,47%,78%) |
#9aacdb |
rgb(154,172,219) |
hsl(223,47%,73%) |
#879dd4 |
rgb(135,157,212) |
hsl(223,47%,68%) |
#748dcd |
rgb(116,141,205) |
hsl(223,47%,63%) |
#627ec6 |
rgb(98,126,198) |
hsl(223,47%,58%) |
#4f6fbf |
rgb(79,111,191) |
hsl(223,47%,53%) |
#4161b4 |
rgb(65,97,180) |
hsl(223,47%,48%) |
#3a57a1 |
rgb(58,87,161) |
hsl(223,47%,43%) |
#334d8e |
rgb(51,77,142) |
hsl(223,47%,38%) |
#2d437c |
rgb(45,67,124) |
hsl(223,47%,33%) |
#263969 |
rgb(38,57,105) |
hsl(223,47%,28%) |
#1f2f56 |
rgb(31,47,86) |
hsl(223,47%,23%) |
#182543 |
rgb(24,37,67) |
hsl(223,47%,18%) |
#121a31 |
rgb(18,26,49) |
hsl(223,47%,13%) |
#0b101e |
rgb(11,16,30) |
hsl(223,47%,8%) |
#04060b |
rgb(4,6,11) |
hsl(223,47%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A9CA0 |
rgb(58,156,160) |
hsl(182,47%,43%) |
#3A57A0 |
rgb(58,87,160) |
hsl(223,47%,43%) |
#613BA0 |
rgb(97,59,160) |
hsl(263,46%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5B7AC3 |
rgb(91,122,195) |
hsl(222,46%,56%) |
#4366B9 |
rgb(67,102,185) |
hsl(222,47%,49%) |
#3A57A0 |
rgb(58,87,160) |
hsl(223,47%,43%) |
#304A86 |
rgb(48,74,134) |
hsl(222,47%,36%) |
#273B6C |
rgb(39,59,108) |
hsl(223,47%,29%) |
#1E2E53 |
rgb(30,46,83) |
hsl(222,47%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A57A0 |
rgb(58,87,160) |
hsl(223,47%,43%) |
#A04F3A |
rgb(160,79,58) |
hsl(12,47%,43%) |
#8AA13A |
rgb(138,161,58) |
hsl(73,47%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A57A0 |
rgb(58,87,160) |
hsl(223,47%,43%) |
#A0823A |
rgb(160,130,58) |
hsl(42,47%,43%) |
#3A8AA0 |
rgb(58,138,160) |
hsl(193,47%,43%) |
#8AA13A |
rgb(138,161,58) |
hsl(73,47%,43%) |