HEX #3A63B6 color — Azure

The color #3A63B6 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3A63B6 color palette from light to dark

HEX RGB HSL
#f3f6fb rgb(243,246,251) hsl(220,52%,97%)
#e0e7f5 rgb(224,231,245) hsl(220,52%,92%)
#cdd8ef rgb(205,216,239) hsl(220,52%,87%)
#b9c9e9 rgb(185,201,233) hsl(220,52%,82%)
#a6bae3 rgb(166,186,227) hsl(220,52%,77%)
#92abdd rgb(146,171,221) hsl(220,52%,72%)
#7f9cd7 rgb(127,156,215) hsl(220,52%,67%)
#6c8dd0 rgb(108,141,208) hsl(220,52%,62%)
#587eca rgb(88,126,202) hsl(220,52%,57%)
#456fc4 rgb(69,111,196) hsl(220,52%,52%)
#3a63b6 rgb(58,99,182) hsl(220,52%,47%)
#3359a3 rgb(51,89,163) hsl(220,52%,42%)
#2d4e8f rgb(45,78,143) hsl(220,52%,37%)
#27437c rgb(39,67,124) hsl(220,52%,32%)
#213969 rgb(33,57,105) hsl(220,52%,27%)
#1b2e55 rgb(27,46,85) hsl(220,52%,22%)
#152442 rgb(21,36,66) hsl(220,52%,17%)
#0f192f rgb(15,25,47) hsl(220,52%,12%)
#090f1b rgb(9,15,27) hsl(220,52%,7%)
#020408 rgb(2,4,8) hsl(220,52%,2%)

Adjacent colors

HEX RGB HSL
#3AB5B6 rgb(58,181,182) hsl(180,52%,47%)
#3A63B6 rgb(58,99,182) hsl(220,52%,47%)
#633BB6 rgb(99,59,182) hsl(260,51%,47%)

Monochromatic colors

HEX RGB HSL
#6C8CD0 rgb(108,140,208) hsl(221,52%,62%)
#4F78C7 rgb(79,120,199) hsl(220,52%,55%)
#3A63B6 rgb(58,99,182) hsl(220,52%,47%)
#305498 rgb(48,84,152) hsl(219,52%,39%)
#27427B rgb(39,66,123) hsl(221,52%,32%)
#1E335E rgb(30,51,94) hsl(220,52%,24%)

Triad color palettes

HEX RGB HSL
#3A63B6 rgb(58,99,182) hsl(220,52%,47%)
#B64F3A rgb(182,79,58) hsl(10,52%,47%)
#A1B53A rgb(161,181,58) hsl(70,51%,47%)

Tetrad color palettes

HEX RGB HSL
#3A63B6 rgb(58,99,182) hsl(220,52%,47%)
#B68C3A rgb(182,140,58) hsl(40,52%,47%)
#3AA1B6 rgb(58,161,182) hsl(190,52%,47%)
#A1B53A rgb(161,181,58) hsl(70,51%,47%)