HEX #3A7AF2 color — Royal Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

3A7AF2 color palette from light to dark

HEX RGB HSL
#fafcff rgb(250,252,255) hsl(219,88%,99%)
#e2ecfd rgb(226,236,253) hsl(219,88%,94%)
#cadcfc rgb(202,220,252) hsl(219,88%,89%)
#b2cbfa rgb(178,203,250) hsl(219,88%,84%)
#9abbf9 rgb(154,187,249) hsl(219,88%,79%)
#82abf7 rgb(130,171,247) hsl(219,88%,74%)
#6a9bf6 rgb(106,155,246) hsl(219,88%,69%)
#528bf4 rgb(82,139,244) hsl(219,88%,64%)
#3a7bf2 rgb(58,123,242) hsl(219,88%,59%)
#226bf1 rgb(34,107,241) hsl(219,88%,54%)
#0f5ceb rgb(15,92,235) hsl(219,88%,49%)
#0d53d3 rgb(13,83,211) hsl(219,88%,44%)
#0c49bb rgb(12,73,187) hsl(219,88%,39%)
#0a40a3 rgb(10,64,163) hsl(219,88%,34%)
#09368b rgb(9,54,139) hsl(219,88%,29%)
#072d73 rgb(7,45,115) hsl(219,88%,24%)
#06245b rgb(6,36,91) hsl(219,88%,19%)
#041a43 rgb(4,26,67) hsl(219,88%,14%)
#03112b rgb(3,17,43) hsl(219,88%,9%)
#010813 rgb(1,8,19) hsl(219,88%,4%)

Adjacent colors

HEX RGB HSL
#3AF2EF rgb(58,242,239) hsl(179,88%,59%)
#3A7AF2 rgb(58,122,242) hsl(219,88%,59%)
#743BF2 rgb(116,59,242) hsl(259,88%,59%)

Monochromatic colors

HEX RGB HSL
#94B8F7 rgb(148,184,247) hsl(218,86%,77%)
#6799F4 rgb(103,153,244) hsl(219,87%,68%)
#3A7AF2 rgb(58,122,242) hsl(219,88%,59%)
#0F5CEC rgb(15,92,236) hsl(219,88%,49%)
#0C4ABF rgb(12,74,191) hsl(219,88%,40%)
#093892 rgb(9,56,146) hsl(219,88%,30%)

Triad color palettes

HEX RGB HSL
#3A7AF2 rgb(58,122,242) hsl(219,88%,59%)
#F2573A rgb(242,87,58) hsl(9,88%,59%)
#D6F23A rgb(214,242,58) hsl(69,88%,59%)

Tetrad color palettes

HEX RGB HSL
#3A7AF2 rgb(58,122,242) hsl(219,88%,59%)
#F2B33A rgb(242,179,58) hsl(39,88%,59%)
#3AD6F2 rgb(58,214,242) hsl(189,88%,59%)
#D6F23A rgb(214,242,58) hsl(69,88%,59%)