HEX #3A6BAA color — Azure
The color #3A6BAA is a dark shade and moderately saturated.
Palette
3A6BAA color palette from light to dark
HEX |
RGB |
HSL |
#ecf1f8 |
rgb(236,241,248) |
hsl(214,49%,95%) |
#d9e4f2 |
rgb(217,228,242) |
hsl(214,49%,90%) |
#c6d6eb |
rgb(198,214,235) |
hsl(214,49%,85%) |
#b3c9e5 |
rgb(179,201,229) |
hsl(214,49%,80%) |
#a0bbde |
rgb(160,187,222) |
hsl(214,49%,75%) |
#8daed8 |
rgb(141,174,216) |
hsl(214,49%,70%) |
#7aa0d1 |
rgb(122,160,209) |
hsl(214,49%,65%) |
#6792cb |
rgb(103,146,203) |
hsl(214,49%,60%) |
#5485c4 |
rgb(84,133,196) |
hsl(214,49%,55%) |
#4177be |
rgb(65,119,190) |
hsl(214,49%,50%) |
#3b6bab |
rgb(59,107,171) |
hsl(214,49%,45%) |
#345f98 |
rgb(52,95,152) |
hsl(214,49%,40%) |
#2e5385 |
rgb(46,83,133) |
hsl(214,49%,35%) |
#274872 |
rgb(39,72,114) |
hsl(214,49%,30%) |
#213c5f |
rgb(33,60,95) |
hsl(214,49%,25%) |
#1a304c |
rgb(26,48,76) |
hsl(214,49%,20%) |
#142439 |
rgb(20,36,57) |
hsl(214,49%,15%) |
#0d1826 |
rgb(13,24,38) |
hsl(214,49%,10%) |
#070c13 |
rgb(7,12,19) |
hsl(214,49%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AAB9E |
rgb(58,171,158) |
hsl(173,49%,45%) |
#3A6BAA |
rgb(58,107,170) |
hsl(214,49%,45%) |
#533BAA |
rgb(83,59,170) |
hsl(253,48%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#638FC9 |
rgb(99,143,201) |
hsl(214,49%,59%) |
#477DC0 |
rgb(71,125,192) |
hsl(213,49%,52%) |
#3A6BAA |
rgb(58,107,170) |
hsl(214,49%,45%) |
#30598E |
rgb(48,89,142) |
hsl(214,49%,37%) |
#274A73 |
rgb(39,74,115) |
hsl(212,49%,30%) |
#1E3858 |
rgb(30,56,88) |
hsl(213,49%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A6BAA |
rgb(58,107,170) |
hsl(214,49%,45%) |
#AA403A |
rgb(170,64,58) |
hsl(3,49%,45%) |
#A3AB3A |
rgb(163,171,58) |
hsl(64,49%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A6BAA |
rgb(58,107,170) |
hsl(214,49%,45%) |
#AA783A |
rgb(170,120,58) |
hsl(33,49%,45%) |
#3AA3AA |
rgb(58,163,170) |
hsl(184,49%,45%) |
#A3AB3A |
rgb(163,171,58) |
hsl(64,49%,45%) |