HEX #2C4A96 color — Sapphire
The color #2c4a96 is a dark shade and moderately saturated.
Palette
2c4a96 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(223,55%,98%) |
#e3e9f7 |
rgb(227,233,247) |
hsl(223,55%,93%) |
#d0d9f1 |
rgb(208,217,241) |
hsl(223,55%,88%) |
#bcc9eb |
rgb(188,201,235) |
hsl(223,55%,83%) |
#a8bae6 |
rgb(168,186,230) |
hsl(223,55%,78%) |
#94aae0 |
rgb(148,170,224) |
hsl(223,55%,73%) |
#819ada |
rgb(129,154,218) |
hsl(223,55%,68%) |
#6d8ad5 |
rgb(109,138,213) |
hsl(223,55%,63%) |
#597acf |
rgb(89,122,207) |
hsl(223,55%,58%) |
#456bc9 |
rgb(69,107,201) |
hsl(223,55%,53%) |
#375dbe |
rgb(55,93,190) |
hsl(223,55%,48%) |
#3154aa |
rgb(49,84,170) |
hsl(223,55%,43%) |
#2c4a96 |
rgb(44,74,150) |
hsl(223,55%,38%) |
#264082 |
rgb(38,64,130) |
hsl(223,55%,33%) |
#20366f |
rgb(32,54,111) |
hsl(223,55%,28%) |
#1a2d5b |
rgb(26,45,91) |
hsl(223,55%,23%) |
#152347 |
rgb(21,35,71) |
hsl(223,55%,18%) |
#0f1933 |
rgb(15,25,51) |
hsl(223,55%,13%) |
#091020 |
rgb(9,16,32) |
hsl(223,55%,8%) |
#03060c |
rgb(3,6,12) |
hsl(223,55%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2C9196 |
rgb(44,145,150) |
hsl(183,55%,38%) |
#2C4A96 |
rgb(44,74,150) |
hsl(223,55%,38%) |
#542B96 |
rgb(84,43,150) |
hsl(263,55%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3357AE |
rgb(51,87,174) |
hsl(222,55%,44%) |
#2C4A96 |
rgb(44,74,150) |
hsl(223,55%,38%) |
#243D7E |
rgb(36,61,126) |
hsl(223,56%,32%) |
#1D3366 |
rgb(29,51,102) |
hsl(222,56%,26%) |
#16264E |
rgb(22,38,78) |
hsl(223,56%,20%) |
#0F1A36 |
rgb(15,26,54) |
hsl(223,57%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C4A96 |
rgb(44,74,150) |
hsl(223,55%,38%) |
#96422C |
rgb(150,66,44) |
hsl(12,55%,38%) |
#7F962C |
rgb(127,150,44) |
hsl(73,55%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C4A96 |
rgb(44,74,150) |
hsl(223,55%,38%) |
#96782C |
rgb(150,120,44) |
hsl(43,55%,38%) |
#2C8096 |
rgb(44,128,150) |
hsl(192,55%,38%) |
#7F962C |
rgb(127,150,44) |
hsl(73,55%,38%) |