HEX #334FA5 color — Sapphire

The color #334FA5 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

334FA5 color palette from light to dark

HEX RGB HSL
#f3f5fb rgb(243,245,251) hsl(225,53%,97%)
#e0e5f5 rgb(224,229,245) hsl(225,53%,92%)
#ccd5ef rgb(204,213,239) hsl(225,53%,87%)
#b9c5e9 rgb(185,197,233) hsl(225,53%,82%)
#a5b5e3 rgb(165,181,227) hsl(225,53%,77%)
#92a5dd rgb(146,165,221) hsl(225,53%,72%)
#7e95d7 rgb(126,149,215) hsl(225,53%,67%)
#6b84d1 rgb(107,132,209) hsl(225,53%,62%)
#5774cb rgb(87,116,203) hsl(225,53%,57%)
#4464c5 rgb(68,100,197) hsl(225,53%,52%)
#3858b7 rgb(56,88,183) hsl(225,53%,47%)
#324fa4 rgb(50,79,164) hsl(225,53%,42%)
#2c4590 rgb(44,69,144) hsl(225,53%,37%)
#263c7d rgb(38,60,125) hsl(225,53%,32%)
#203369 rgb(32,51,105) hsl(225,53%,27%)
#1a2956 rgb(26,41,86) hsl(225,53%,22%)
#142042 rgb(20,32,66) hsl(225,53%,17%)
#0e162f rgb(14,22,47) hsl(225,53%,12%)
#080d1b rgb(8,13,27) hsl(225,53%,7%)
#020408 rgb(2,4,8) hsl(225,53%,2%)

Adjacent colors

HEX RGB HSL
#339CA5 rgb(51,156,165) hsl(185,53%,42%)
#334FA5 rgb(51,79,165) hsl(225,53%,42%)
#6333A5 rgb(99,51,165) hsl(265,53%,42%)

Monochromatic colors

HEX RGB HSL
#5370C9 rgb(83,112,201) hsl(225,52%,56%)
#3B5CBF rgb(59,92,191) hsl(225,53%,49%)
#334FA5 rgb(51,79,165) hsl(225,53%,42%)
#2A428A rgb(42,66,138) hsl(225,53%,35%)
#223670 rgb(34,54,112) hsl(225,53%,29%)
#1A2955 rgb(26,41,85) hsl(225,53%,22%)

Triad color palettes

HEX RGB HSL
#334FA5 rgb(51,79,165) hsl(225,53%,42%)
#A54F33 rgb(165,79,51) hsl(15,53%,42%)
#88A633 rgb(136,166,51) hsl(76,53%,43%)

Tetrad color palettes

HEX RGB HSL
#334FA5 rgb(51,79,165) hsl(225,53%,42%)
#A58A33 rgb(165,138,51) hsl(46,53%,42%)
#3387A5 rgb(51,135,165) hsl(196,53%,42%)
#88A633 rgb(136,166,51) hsl(76,53%,43%)