HEX #2A4099 color — Sapphire
The color #2A4099 is a dark shade and moderately saturated.
Palette
2A4099 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(228,57%,98%) |
#e3e7f7 |
rgb(227,231,247) |
hsl(228,57%,93%) |
#cfd6f2 |
rgb(207,214,242) |
hsl(228,57%,88%) |
#bbc5ec |
rgb(187,197,236) |
hsl(228,57%,83%) |
#a7b4e7 |
rgb(167,180,231) |
hsl(228,57%,78%) |
#93a3e1 |
rgb(147,163,225) |
hsl(228,57%,73%) |
#7f91dc |
rgb(127,145,220) |
hsl(228,57%,68%) |
#6b80d6 |
rgb(107,128,214) |
hsl(228,57%,63%) |
#576fd1 |
rgb(87,111,209) |
hsl(228,57%,58%) |
#435ecb |
rgb(67,94,203) |
hsl(228,57%,53%) |
#3551c0 |
rgb(53,81,192) |
hsl(228,57%,48%) |
#2f48ac |
rgb(47,72,172) |
hsl(228,57%,43%) |
#2a4098 |
rgb(42,64,152) |
hsl(228,57%,38%) |
#243784 |
rgb(36,55,132) |
hsl(228,57%,33%) |
#1f2f70 |
rgb(31,47,112) |
hsl(228,57%,28%) |
#19275c |
rgb(25,39,92) |
hsl(228,57%,23%) |
#141e48 |
rgb(20,30,72) |
hsl(228,57%,18%) |
#0e1634 |
rgb(14,22,52) |
hsl(228,57%,13%) |
#090d20 |
rgb(9,13,32) |
hsl(228,57%,8%) |
#03050c |
rgb(3,5,12) |
hsl(228,57%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A8A99 |
rgb(42,138,153) |
hsl(188,57%,38%) |
#2A4099 |
rgb(42,64,153) |
hsl(228,57%,38%) |
#5E2999 |
rgb(94,41,153) |
hsl(268,58%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#304AB1 |
rgb(48,74,177) |
hsl(228,57%,44%) |
#2A4099 |
rgb(42,64,153) |
hsl(228,57%,38%) |
#233680 |
rgb(35,54,128) |
hsl(228,57%,32%) |
#1C2B68 |
rgb(28,43,104) |
hsl(228,58%,26%) |
#15214F |
rgb(21,33,79) |
hsl(228,58%,20%) |
#0F1737 |
rgb(15,23,55) |
hsl(228,57%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A4099 |
rgb(42,64,153) |
hsl(228,57%,38%) |
#994D2A |
rgb(153,77,42) |
hsl(19,57%,38%) |
#77992A |
rgb(119,153,42) |
hsl(78,57%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A4099 |
rgb(42,64,153) |
hsl(228,57%,38%) |
#99822A |
rgb(153,130,42) |
hsl(48,57%,38%) |
#2A7899 |
rgb(42,120,153) |
hsl(198,57%,38%) |
#77992A |
rgb(119,153,42) |
hsl(78,57%,38%) |