HEX #3A63AC color — Azure
The color #3A63AC is a dark shade and moderately saturated.
Palette
3A63AC color palette from light to dark
HEX |
RGB |
HSL |
#ecf1f9 |
rgb(236,241,249) |
hsl(218,50%,95%) |
#d9e2f2 |
rgb(217,226,242) |
hsl(218,50%,90%) |
#c6d4ec |
rgb(198,212,236) |
hsl(218,50%,85%) |
#b3c5e6 |
rgb(179,197,230) |
hsl(218,50%,80%) |
#9fb7df |
rgb(159,183,223) |
hsl(218,50%,75%) |
#8ca8d9 |
rgb(140,168,217) |
hsl(218,50%,70%) |
#799ad2 |
rgb(121,154,210) |
hsl(218,50%,65%) |
#668bcc |
rgb(102,139,204) |
hsl(218,50%,60%) |
#537dc6 |
rgb(83,125,198) |
hsl(218,50%,55%) |
#406fbf |
rgb(64,111,191) |
hsl(218,50%,50%) |
#3963ac |
rgb(57,99,172) |
hsl(218,50%,45%) |
#335899 |
rgb(51,88,153) |
hsl(218,50%,40%) |
#2d4d86 |
rgb(45,77,134) |
hsl(218,50%,35%) |
#264273 |
rgb(38,66,115) |
hsl(218,50%,30%) |
#203760 |
rgb(32,55,96) |
hsl(218,50%,25%) |
#1a2c4d |
rgb(26,44,77) |
hsl(218,50%,20%) |
#132139 |
rgb(19,33,57) |
hsl(218,50%,15%) |
#0d1626 |
rgb(13,22,38) |
hsl(218,50%,10%) |
#060b13 |
rgb(6,11,19) |
hsl(218,50%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AABA9 |
rgb(58,171,169) |
hsl(179,49%,45%) |
#3A63AC |
rgb(58,99,172) |
hsl(218,50%,45%) |
#5D3BAC |
rgb(93,59,172) |
hsl(258,49%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#648ACA |
rgb(100,138,202) |
hsl(218,49%,59%) |
#4975C1 |
rgb(73,117,193) |
hsl(218,49%,52%) |
#3A63AC |
rgb(58,99,172) |
hsl(218,50%,45%) |
#305490 |
rgb(48,84,144) |
hsl(218,50%,38%) |
#274274 |
rgb(39,66,116) |
hsl(219,50%,30%) |
#1E3359 |
rgb(30,51,89) |
hsl(219,50%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A63AC |
rgb(58,99,172) |
hsl(218,50%,45%) |
#AC4A3A |
rgb(172,74,58) |
hsl(8,50%,45%) |
#9CAB3A |
rgb(156,171,58) |
hsl(68,49%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A63AC |
rgb(58,99,172) |
hsl(218,50%,45%) |
#AC823A |
rgb(172,130,58) |
hsl(38,50%,45%) |
#3A9CAC |
rgb(58,156,172) |
hsl(188,50%,45%) |
#9CAB3A |
rgb(156,171,58) |
hsl(68,49%,45%) |