HEX #2C4296 color — Sapphire
The color #2C4296 is a dark shade and moderately saturated.
Palette
2C4296 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(228,55%,98%) |
#e3e7f7 |
rgb(227,231,247) |
hsl(228,55%,93%) |
#d0d6f1 |
rgb(208,214,241) |
hsl(228,55%,88%) |
#bcc5eb |
rgb(188,197,235) |
hsl(228,55%,83%) |
#a8b4e6 |
rgb(168,180,230) |
hsl(228,55%,78%) |
#94a3e0 |
rgb(148,163,224) |
hsl(228,55%,73%) |
#8192da |
rgb(129,146,218) |
hsl(228,55%,68%) |
#6d82d5 |
rgb(109,130,213) |
hsl(228,55%,63%) |
#5971cf |
rgb(89,113,207) |
hsl(228,55%,58%) |
#4560c9 |
rgb(69,96,201) |
hsl(228,55%,53%) |
#3752be |
rgb(55,82,190) |
hsl(228,55%,48%) |
#3149aa |
rgb(49,73,170) |
hsl(228,55%,43%) |
#2c4196 |
rgb(44,65,150) |
hsl(228,55%,38%) |
#263882 |
rgb(38,56,130) |
hsl(228,55%,33%) |
#20306f |
rgb(32,48,111) |
hsl(228,55%,28%) |
#1a275b |
rgb(26,39,91) |
hsl(228,55%,23%) |
#151f47 |
rgb(21,31,71) |
hsl(228,55%,18%) |
#0f1633 |
rgb(15,22,51) |
hsl(228,55%,13%) |
#090e20 |
rgb(9,14,32) |
hsl(228,55%,8%) |
#03050c |
rgb(3,5,12) |
hsl(228,55%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2C8A96 |
rgb(44,138,150) |
hsl(187,55%,38%) |
#2C4296 |
rgb(44,66,150) |
hsl(228,55%,38%) |
#5C2B96 |
rgb(92,43,150) |
hsl(267,55%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#334DAE |
rgb(51,77,174) |
hsl(227,55%,44%) |
#2C4296 |
rgb(44,66,150) |
hsl(228,55%,38%) |
#24387E |
rgb(36,56,126) |
hsl(227,56%,32%) |
#1D2E66 |
rgb(29,46,102) |
hsl(226,56%,26%) |
#16214E |
rgb(22,33,78) |
hsl(228,56%,20%) |
#0F1736 |
rgb(15,23,54) |
hsl(228,57%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C4296 |
rgb(44,66,150) |
hsl(228,55%,38%) |
#964A2C |
rgb(150,74,44) |
hsl(17,55%,38%) |
#77962C |
rgb(119,150,44) |
hsl(78,55%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C4296 |
rgb(44,66,150) |
hsl(228,55%,38%) |
#96802C |
rgb(150,128,44) |
hsl(48,55%,38%) |
#2C7896 |
rgb(44,120,150) |
hsl(197,55%,38%) |
#77962C |
rgb(119,150,44) |
hsl(78,55%,38%) |