HEX #2C4299 color — Sapphire

The color #2C4299 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

2C4299 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(228,55%,99%)
#e7ebf8 rgb(231,235,248) hsl(228,55%,94%)
#d4daf2 rgb(212,218,242) hsl(228,55%,89%)
#c0c9ed rgb(192,201,237) hsl(228,55%,84%)
#acb8e7 rgb(172,184,231) hsl(228,55%,79%)
#98a7e1 rgb(152,167,225) hsl(228,55%,74%)
#8496db rgb(132,150,219) hsl(228,55%,69%)
#7185d6 rgb(113,133,214) hsl(228,55%,64%)
#5d74d0 rgb(93,116,208) hsl(228,55%,59%)
#4963ca rgb(73,99,202) hsl(228,55%,54%)
#3854c2 rgb(56,84,194) hsl(228,55%,49%)
#324bae rgb(50,75,174) hsl(228,55%,44%)
#2d439a rgb(45,67,154) hsl(228,55%,39%)
#273a86 rgb(39,58,134) hsl(228,55%,34%)
#213273 rgb(33,50,115) hsl(228,55%,29%)
#1c295f rgb(28,41,95) hsl(228,55%,24%)
#16204b rgb(22,32,75) hsl(228,55%,19%)
#101837 rgb(16,24,55) hsl(228,55%,14%)
#0a0f24 rgb(10,15,36) hsl(228,55%,9%)
#050710 rgb(5,7,16) hsl(228,55%,4%)

Adjacent colors

HEX RGB HSL
#2C8A99 rgb(44,138,153) hsl(188,55%,39%)
#2C4299 rgb(44,66,153) hsl(228,55%,39%)
#5E2B99 rgb(94,43,153) hsl(268,56%,38%)

Monochromatic colors

HEX RGB HSL
#334DB1 rgb(51,77,177) hsl(228,55%,45%)
#2C4299 rgb(44,66,153) hsl(228,55%,39%)
#243880 rgb(36,56,128) hsl(227,56%,32%)
#1D2E68 rgb(29,46,104) hsl(226,56%,26%)
#16214F rgb(22,33,79) hsl(228,56%,20%)
#0F1737 rgb(15,23,55) hsl(228,57%,14%)

Triad color palettes

HEX RGB HSL
#2C4299 rgb(44,66,153) hsl(228,55%,39%)
#994D2C rgb(153,77,44) hsl(18,55%,39%)
#78992C rgb(120,153,44) hsl(78,55%,39%)

Tetrad color palettes

HEX RGB HSL
#2C4299 rgb(44,66,153) hsl(228,55%,39%)
#99822C rgb(153,130,44) hsl(47,55%,39%)
#2C7899 rgb(44,120,153) hsl(198,55%,39%)
#78992C rgb(120,153,44) hsl(78,55%,39%)