HEX #2A3D96 color — Sapphire
The color #2A3D96 is a dark shade and moderately saturated.
Palette
2A3D96 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(229,56%,98%) |
#e3e7f7 |
rgb(227,231,247) |
hsl(229,56%,93%) |
#cfd6f2 |
rgb(207,214,242) |
hsl(229,56%,88%) |
#bbc4ec |
rgb(187,196,236) |
hsl(229,56%,83%) |
#a7b3e6 |
rgb(167,179,230) |
hsl(229,56%,78%) |
#94a2e1 |
rgb(148,162,225) |
hsl(229,56%,73%) |
#8090db |
rgb(128,144,219) |
hsl(229,56%,68%) |
#6c7fd5 |
rgb(108,127,213) |
hsl(229,56%,63%) |
#586ed0 |
rgb(88,110,208) |
hsl(229,56%,58%) |
#445dca |
rgb(68,93,202) |
hsl(229,56%,53%) |
#364fbf |
rgb(54,79,191) |
hsl(229,56%,48%) |
#3047ab |
rgb(48,71,171) |
hsl(229,56%,43%) |
#2b3f97 |
rgb(43,63,151) |
hsl(229,56%,38%) |
#253683 |
rgb(37,54,131) |
hsl(229,56%,33%) |
#1f2e6f |
rgb(31,46,111) |
hsl(229,56%,28%) |
#1a265b |
rgb(26,38,91) |
hsl(229,56%,23%) |
#141e48 |
rgb(20,30,72) |
hsl(229,56%,18%) |
#0f1534 |
rgb(15,21,52) |
hsl(229,56%,13%) |
#090d20 |
rgb(9,13,32) |
hsl(229,56%,8%) |
#03050c |
rgb(3,5,12) |
hsl(229,56%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A8596 |
rgb(42,133,150) |
hsl(189,56%,38%) |
#2A3D96 |
rgb(42,61,150) |
hsl(229,56%,38%) |
#5F2996 |
rgb(95,41,150) |
hsl(270,57%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3047AE |
rgb(48,71,174) |
hsl(229,57%,44%) |
#2A3D96 |
rgb(42,61,150) |
hsl(229,56%,38%) |
#23337E |
rgb(35,51,126) |
hsl(229,57%,32%) |
#1C2966 |
rgb(28,41,102) |
hsl(229,57%,25%) |
#151F4E |
rgb(21,31,78) |
hsl(229,58%,19%) |
#0F1736 |
rgb(15,23,54) |
hsl(228,57%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A3D96 |
rgb(42,61,150) |
hsl(229,56%,38%) |
#964D2A |
rgb(150,77,42) |
hsl(19,56%,38%) |
#73962A |
rgb(115,150,42) |
hsl(79,56%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A3D96 |
rgb(42,61,150) |
hsl(229,56%,38%) |
#96822A |
rgb(150,130,42) |
hsl(49,56%,38%) |
#2A7396 |
rgb(42,115,150) |
hsl(199,56%,38%) |
#73962A |
rgb(115,150,42) |
hsl(79,56%,38%) |