HEX #3A57A3 color — Azure
The color #3A57A3 is a dark shade and moderately saturated.
Palette
3A57A3 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fc |
rgb(247,249,252) |
hsl(223,48%,98%) |
#e5e9f6 |
rgb(229,233,246) |
hsl(223,48%,93%) |
#d2daef |
rgb(210,218,239) |
hsl(223,48%,88%) |
#bfcbe8 |
rgb(191,203,232) |
hsl(223,48%,83%) |
#acbbe2 |
rgb(172,187,226) |
hsl(223,48%,78%) |
#99acdb |
rgb(153,172,219) |
hsl(223,48%,73%) |
#869cd5 |
rgb(134,156,213) |
hsl(223,48%,68%) |
#738dce |
rgb(115,141,206) |
hsl(223,48%,63%) |
#607ec7 |
rgb(96,126,199) |
hsl(223,48%,58%) |
#4e6ec1 |
rgb(78,110,193) |
hsl(223,48%,53%) |
#4061b5 |
rgb(64,97,181) |
hsl(223,48%,48%) |
#3957a2 |
rgb(57,87,162) |
hsl(223,48%,43%) |
#324d8f |
rgb(50,77,143) |
hsl(223,48%,38%) |
#2c437d |
rgb(44,67,125) |
hsl(223,48%,33%) |
#25396a |
rgb(37,57,106) |
hsl(223,48%,28%) |
#1e2e57 |
rgb(30,46,87) |
hsl(223,48%,23%) |
#182444 |
rgb(24,36,68) |
hsl(223,48%,18%) |
#111a31 |
rgb(17,26,49) |
hsl(223,48%,13%) |
#0b101e |
rgb(11,16,30) |
hsl(223,48%,8%) |
#04060b |
rgb(4,6,11) |
hsl(223,48%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A9EA3 |
rgb(58,158,163) |
hsl(183,48%,43%) |
#3A57A3 |
rgb(58,87,163) |
hsl(223,48%,43%) |
#633BA3 |
rgb(99,59,163) |
hsl(263,47%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5E7AC5 |
rgb(94,122,197) |
hsl(224,47%,57%) |
#4366BC |
rgb(67,102,188) |
hsl(223,47%,50%) |
#3A57A3 |
rgb(58,87,163) |
hsl(223,48%,43%) |
#304A88 |
rgb(48,74,136) |
hsl(222,48%,36%) |
#273B6E |
rgb(39,59,110) |
hsl(223,48%,29%) |
#1E2E54 |
rgb(30,46,84) |
hsl(222,47%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A57A3 |
rgb(58,87,163) |
hsl(223,48%,43%) |
#A3523A |
rgb(163,82,58) |
hsl(14,48%,43%) |
#8BA33A |
rgb(139,163,58) |
hsl(74,48%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A57A3 |
rgb(58,87,163) |
hsl(223,48%,43%) |
#A3873A |
rgb(163,135,58) |
hsl(44,48%,43%) |
#3A8CA3 |
rgb(58,140,163) |
hsl(193,48%,43%) |
#8BA33A |
rgb(139,163,58) |
hsl(74,48%,43%) |