HEX #3A63B0 color — Azure
The color #3A63B0 is a dark shade and moderately saturated.
Palette
3A63B0 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fa |
rgb(240,243,250) |
hsl(219,50%,96%) |
#dde5f4 |
rgb(221,229,244) |
hsl(219,50%,91%) |
#c9d6ed |
rgb(201,214,237) |
hsl(219,50%,86%) |
#b6c7e7 |
rgb(182,199,231) |
hsl(219,50%,81%) |
#a3b9e0 |
rgb(163,185,224) |
hsl(219,50%,76%) |
#90aada |
rgb(144,170,218) |
hsl(219,50%,71%) |
#7d9bd4 |
rgb(125,155,212) |
hsl(219,50%,66%) |
#6a8dcd |
rgb(106,141,205) |
hsl(219,50%,61%) |
#577ec7 |
rgb(87,126,199) |
hsl(219,50%,56%) |
#446fc1 |
rgb(68,111,193) |
hsl(219,50%,51%) |
#3b64b0 |
rgb(59,100,176) |
hsl(219,50%,46%) |
#34599d |
rgb(52,89,157) |
hsl(219,50%,41%) |
#2e4e8a |
rgb(46,78,138) |
hsl(219,50%,36%) |
#284377 |
rgb(40,67,119) |
hsl(219,50%,31%) |
#213863 |
rgb(33,56,99) |
hsl(219,50%,26%) |
#1b2e50 |
rgb(27,46,80) |
hsl(219,50%,21%) |
#14233d |
rgb(20,35,61) |
hsl(219,50%,16%) |
#0e182a |
rgb(14,24,42) |
hsl(219,50%,11%) |
#080d17 |
rgb(8,13,23) |
hsl(219,50%,6%) |
#010204 |
rgb(1,2,4) |
hsl(219,50%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AB0AE |
rgb(58,176,174) |
hsl(179,50%,46%) |
#3A63B0 |
rgb(58,99,176) |
hsl(219,50%,46%) |
#5F3BB0 |
rgb(95,59,176) |
hsl(258,50%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#678ACD |
rgb(103,138,205) |
hsl(219,50%,60%) |
#4B75C3 |
rgb(75,117,195) |
hsl(219,50%,53%) |
#3A63B0 |
rgb(58,99,176) |
hsl(219,50%,46%) |
#305493 |
rgb(48,84,147) |
hsl(218,51%,38%) |
#274277 |
rgb(39,66,119) |
hsl(220,51%,31%) |
#1E335B |
rgb(30,51,91) |
hsl(219,50%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A63B0 |
rgb(58,99,176) |
hsl(219,50%,46%) |
#B04D3A |
rgb(176,77,58) |
hsl(10,50%,46%) |
#9EB03A |
rgb(158,176,58) |
hsl(69,50%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A63B0 |
rgb(58,99,176) |
hsl(219,50%,46%) |
#B0873A |
rgb(176,135,58) |
hsl(39,50%,46%) |
#3A9EB0 |
rgb(58,158,176) |
hsl(189,50%,46%) |
#9EB03A |
rgb(158,176,58) |
hsl(69,50%,46%) |