HEX #3A5CB2 color — Azure
The color #3A5CB2 is a dark shade and moderately saturated.
Palette
3A5CB2 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fa |
rgb(240,243,250) |
hsl(223,51%,96%) |
#dce3f4 |
rgb(220,227,244) |
hsl(223,51%,91%) |
#c9d3ee |
rgb(201,211,238) |
hsl(223,51%,86%) |
#b6c4e7 |
rgb(182,196,231) |
hsl(223,51%,81%) |
#a3b4e1 |
rgb(163,180,225) |
hsl(223,51%,76%) |
#8fa5db |
rgb(143,165,219) |
hsl(223,51%,71%) |
#7c95d5 |
rgb(124,149,213) |
hsl(223,51%,66%) |
#6986ce |
rgb(105,134,206) |
hsl(223,51%,61%) |
#5676c8 |
rgb(86,118,200) |
hsl(223,51%,56%) |
#4266c2 |
rgb(66,102,194) |
hsl(223,51%,51%) |
#395bb1 |
rgb(57,91,177) |
hsl(223,51%,46%) |
#33519e |
rgb(51,81,158) |
hsl(223,51%,41%) |
#2d488b |
rgb(45,72,139) |
hsl(223,51%,36%) |
#273e77 |
rgb(39,62,119) |
hsl(223,51%,31%) |
#203464 |
rgb(32,52,100) |
hsl(223,51%,26%) |
#1a2a51 |
rgb(26,42,81) |
hsl(223,51%,21%) |
#14203e |
rgb(20,32,62) |
hsl(223,51%,16%) |
#0e162a |
rgb(14,22,42) |
hsl(223,51%,11%) |
#070c17 |
rgb(7,12,23) |
hsl(223,51%,6%) |
#010204 |
rgb(1,2,4) |
hsl(223,51%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AABB2 |
rgb(58,171,178) |
hsl(184,51%,46%) |
#3A5CB2 |
rgb(58,92,178) |
hsl(223,51%,46%) |
#683BB2 |
rgb(104,59,178) |
hsl(263,50%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6987CE |
rgb(105,135,206) |
hsl(222,51%,61%) |
#4C6EC4 |
rgb(76,110,196) |
hsl(223,50%,53%) |
#3A5CB2 |
rgb(58,92,178) |
hsl(223,51%,46%) |
#304D95 |
rgb(48,77,149) |
hsl(223,51%,39%) |
#274079 |
rgb(39,64,121) |
hsl(222,51%,31%) |
#1E305C |
rgb(30,48,92) |
hsl(223,51%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5CB2 |
rgb(58,92,178) |
hsl(223,51%,46%) |
#B2543A |
rgb(178,84,58) |
hsl(13,51%,46%) |
#98B33A |
rgb(152,179,58) |
hsl(73,51%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5CB2 |
rgb(58,92,178) |
hsl(223,51%,46%) |
#B28F3A |
rgb(178,143,58) |
hsl(43,51%,46%) |
#3A99B2 |
rgb(58,153,178) |
hsl(193,51%,46%) |
#98B33A |
rgb(152,179,58) |
hsl(73,51%,46%) |