HEX #314AF0 color — Royal Blue

The color #314AF0 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

314AF0 color palette from light to dark

HEX RGB HSL
#f1f3fe rgb(241,243,254) hsl(232,86%,97%)
#d9defc rgb(217,222,252) hsl(232,86%,92%)
#c1c9fa rgb(193,201,250) hsl(232,86%,87%)
#aab4f9 rgb(170,180,249) hsl(232,86%,82%)
#929ff7 rgb(146,159,247) hsl(232,86%,77%)
#7a8bf5 rgb(122,139,245) hsl(232,86%,72%)
#6276f3 rgb(98,118,243) hsl(232,86%,67%)
#4b61f1 rgb(75,97,241) hsl(232,86%,62%)
#334cf0 rgb(51,76,240) hsl(232,86%,57%)
#1b37ee rgb(27,55,238) hsl(232,86%,52%)
#112cdf rgb(17,44,223) hsl(232,86%,47%)
#0f28c7 rgb(15,40,199) hsl(232,86%,42%)
#0d23af rgb(13,35,175) hsl(232,86%,37%)
#0b1e98 rgb(11,30,152) hsl(232,86%,32%)
#0a1980 rgb(10,25,128) hsl(232,86%,27%)
#081568 rgb(8,21,104) hsl(232,86%,22%)
#061051 rgb(6,16,81) hsl(232,86%,17%)
#040b39 rgb(4,11,57) hsl(232,86%,12%)
#020721 rgb(2,7,33) hsl(232,86%,7%)
#010209 rgb(1,2,9) hsl(232,86%,2%)

Adjacent colors

HEX RGB HSL
#31C9F0 rgb(49,201,240) hsl(192,86%,57%)
#314AF0 rgb(49,74,240) hsl(232,86%,57%)
#9730F0 rgb(151,48,240) hsl(272,86%,56%)

Monochromatic colors

HEX RGB HSL
#8796F6 rgb(135,150,246) hsl(232,86%,75%)
#5C70F3 rgb(92,112,243) hsl(232,86%,66%)
#314AF0 rgb(49,74,240) hsl(232,86%,57%)
#102BE2 rgb(16,43,226) hsl(232,87%,47%)
#0D24B7 rgb(13,36,183) hsl(232,87%,38%)
#0A1C8C rgb(10,28,140) hsl(232,87%,29%)

Triad color palettes

HEX RGB HSL
#314AF0 rgb(49,74,240) hsl(232,86%,57%)
#F07831 rgb(240,120,49) hsl(22,86%,57%)
#A9F031 rgb(169,240,49) hsl(82,86%,57%)

Tetrad color palettes

HEX RGB HSL
#314AF0 rgb(49,74,240) hsl(232,86%,57%)
#F0D631 rgb(240,214,49) hsl(52,86%,57%)
#31A8F0 rgb(49,168,240) hsl(203,86%,57%)
#A9F031 rgb(169,240,49) hsl(82,86%,57%)