HEX #2B4A99 color — Sapphire
The color #2B4A99 is a dark shade and moderately saturated.
Palette
2B4A99 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(223,56%,98%) |
#e3e9f7 |
rgb(227,233,247) |
hsl(223,56%,93%) |
#cfd9f2 |
rgb(207,217,242) |
hsl(223,56%,88%) |
#bbc9ec |
rgb(187,201,236) |
hsl(223,56%,83%) |
#a7b9e6 |
rgb(167,185,230) |
hsl(223,56%,78%) |
#94a9e1 |
rgb(148,169,225) |
hsl(223,56%,73%) |
#809adb |
rgb(128,154,219) |
hsl(223,56%,68%) |
#6c8ad5 |
rgb(108,138,213) |
hsl(223,56%,63%) |
#587ad0 |
rgb(88,122,208) |
hsl(223,56%,58%) |
#446aca |
rgb(68,106,202) |
hsl(223,56%,53%) |
#365dbf |
rgb(54,93,191) |
hsl(223,56%,48%) |
#3053ab |
rgb(48,83,171) |
hsl(223,56%,43%) |
#2b4997 |
rgb(43,73,151) |
hsl(223,56%,38%) |
#254083 |
rgb(37,64,131) |
hsl(223,56%,33%) |
#1f366f |
rgb(31,54,111) |
hsl(223,56%,28%) |
#1a2c5b |
rgb(26,44,91) |
hsl(223,56%,23%) |
#142348 |
rgb(20,35,72) |
hsl(223,56%,18%) |
#0f1934 |
rgb(15,25,52) |
hsl(223,56%,13%) |
#090f20 |
rgb(9,15,32) |
hsl(223,56%,8%) |
#03060c |
rgb(3,6,12) |
hsl(223,56%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2B9499 |
rgb(43,148,153) |
hsl(183,56%,38%) |
#2B4A99 |
rgb(43,74,153) |
hsl(223,56%,38%) |
#552B99 |
rgb(85,43,153) |
hsl(263,56%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3157B1 |
rgb(49,87,177) |
hsl(222,57%,44%) |
#2B4A99 |
rgb(43,74,153) |
hsl(223,56%,38%) |
#243D80 |
rgb(36,61,128) |
hsl(224,56%,32%) |
#1D3368 |
rgb(29,51,104) |
hsl(222,56%,26%) |
#16264F |
rgb(22,38,79) |
hsl(223,56%,20%) |
#0F1A37 |
rgb(15,26,55) |
hsl(224,57%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2B4A99 |
rgb(43,74,153) |
hsl(223,56%,38%) |
#99422B |
rgb(153,66,43) |
hsl(13,56%,38%) |
#81992B |
rgb(129,153,43) |
hsl(73,56%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2B4A99 |
rgb(43,74,153) |
hsl(223,56%,38%) |
#997A2B |
rgb(153,122,43) |
hsl(43,56%,38%) |
#2B8299 |
rgb(43,130,153) |
hsl(193,56%,38%) |
#81992B |
rgb(129,153,43) |
hsl(73,56%,38%) |