HEX #2A4998 color — Sapphire
The color #2a4998 is a dark shade and moderately saturated.
Palette
2a4998 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(223,57%,98%) |
#e3e9f7 |
rgb(227,233,247) |
hsl(223,57%,93%) |
#cfd9f2 |
rgb(207,217,242) |
hsl(223,57%,88%) |
#bbc9ec |
rgb(187,201,236) |
hsl(223,57%,83%) |
#a7b9e7 |
rgb(167,185,231) |
hsl(223,57%,78%) |
#93a9e1 |
rgb(147,169,225) |
hsl(223,57%,73%) |
#7f99dc |
rgb(127,153,220) |
hsl(223,57%,68%) |
#6b89d6 |
rgb(107,137,214) |
hsl(223,57%,63%) |
#5779d1 |
rgb(87,121,209) |
hsl(223,57%,58%) |
#436acb |
rgb(67,106,203) |
hsl(223,57%,53%) |
#355cc0 |
rgb(53,92,192) |
hsl(223,57%,48%) |
#2f53ac |
rgb(47,83,172) |
hsl(223,57%,43%) |
#2a4998 |
rgb(42,73,152) |
hsl(223,57%,38%) |
#243f84 |
rgb(36,63,132) |
hsl(223,57%,33%) |
#1f3670 |
rgb(31,54,112) |
hsl(223,57%,28%) |
#192c5c |
rgb(25,44,92) |
hsl(223,57%,23%) |
#142348 |
rgb(20,35,72) |
hsl(223,57%,18%) |
#0e1934 |
rgb(14,25,52) |
hsl(223,57%,13%) |
#090f20 |
rgb(9,15,32) |
hsl(223,57%,8%) |
#03060c |
rgb(3,6,12) |
hsl(223,57%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A9198 |
rgb(42,145,152) |
hsl(184,57%,38%) |
#2A4998 |
rgb(42,73,152) |
hsl(223,57%,38%) |
#542998 |
rgb(84,41,152) |
hsl(263,58%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3054B0 |
rgb(48,84,176) |
hsl(223,57%,44%) |
#2A4998 |
rgb(42,73,152) |
hsl(223,57%,38%) |
#233D7F |
rgb(35,61,127) |
hsl(223,57%,32%) |
#1C3067 |
rgb(28,48,103) |
hsl(224,57%,26%) |
#15264F |
rgb(21,38,79) |
hsl(222,58%,20%) |
#0F1A36 |
rgb(15,26,54) |
hsl(223,57%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A4998 |
rgb(42,73,152) |
hsl(223,57%,38%) |
#98422A |
rgb(152,66,42) |
hsl(13,57%,38%) |
#80992A |
rgb(128,153,42) |
hsl(74,57%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A4998 |
rgb(42,73,152) |
hsl(223,57%,38%) |
#98782A |
rgb(152,120,42) |
hsl(43,57%,38%) |
#2A8098 |
rgb(42,128,152) |
hsl(193,57%,38%) |
#80992A |
rgb(128,153,42) |
hsl(74,57%,38%) |