HEX #3A63A9 color — Azure
The color #3A63A9 is a dark shade and moderately saturated.
Palette
3A63A9 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf1f8 |
rgb(236,241,248) |
hsl(218,49%,95%) |
| #d9e2f2 |
rgb(217,226,242) |
hsl(218,49%,90%) |
| #c6d4eb |
rgb(198,212,235) |
hsl(218,49%,85%) |
| #b3c5e5 |
rgb(179,197,229) |
hsl(218,49%,80%) |
| #a0b7de |
rgb(160,183,222) |
hsl(218,49%,75%) |
| #8da9d8 |
rgb(141,169,216) |
hsl(218,49%,70%) |
| #7a9ad1 |
rgb(122,154,209) |
hsl(218,49%,65%) |
| #678ccb |
rgb(103,140,203) |
hsl(218,49%,60%) |
| #547dc4 |
rgb(84,125,196) |
hsl(218,49%,55%) |
| #416fbe |
rgb(65,111,190) |
hsl(218,49%,50%) |
| #3b64ab |
rgb(59,100,171) |
hsl(218,49%,45%) |
| #345998 |
rgb(52,89,152) |
hsl(218,49%,40%) |
| #2e4e85 |
rgb(46,78,133) |
hsl(218,49%,35%) |
| #274372 |
rgb(39,67,114) |
hsl(218,49%,30%) |
| #21375f |
rgb(33,55,95) |
hsl(218,49%,25%) |
| #1a2c4c |
rgb(26,44,76) |
hsl(218,49%,20%) |
| #142139 |
rgb(20,33,57) |
hsl(218,49%,15%) |
| #0d1626 |
rgb(13,22,38) |
hsl(218,49%,10%) |
| #070b13 |
rgb(7,11,19) |
hsl(218,49%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3AA8A5 |
rgb(58,168,165) |
hsl(178,49%,44%) |
| #3A63A9 |
rgb(58,99,169) |
hsl(218,49%,45%) |
| #5B3BA9 |
rgb(91,59,169) |
hsl(257,48%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #6287C9 |
rgb(98,135,201) |
hsl(218,49%,59%) |
| #4773BF |
rgb(71,115,191) |
hsl(218,48%,51%) |
| #3A63A9 |
rgb(58,99,169) |
hsl(218,49%,45%) |
| #30548D |
rgb(48,84,141) |
hsl(217,49%,37%) |
| #274272 |
rgb(39,66,114) |
hsl(218,49%,30%) |
| #1E3357 |
rgb(30,51,87) |
hsl(218,49%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3A63A9 |
rgb(58,99,169) |
hsl(218,49%,45%) |
| #A9473A |
rgb(169,71,58) |
hsl(7,49%,45%) |
| #9AA83A |
rgb(154,168,58) |
hsl(68,49%,44%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3A63A9 |
rgb(58,99,169) |
hsl(218,49%,45%) |
| #A9803A |
rgb(169,128,58) |
hsl(38,49%,45%) |
| #3A9CA9 |
rgb(58,156,169) |
hsl(187,49%,45%) |
| #9AA83A |
rgb(154,168,58) |
hsl(68,49%,44%) |
