HEX #3154AA color — Azure
The color #3154aa is a dark shade and moderately saturated.
Palette
3154aa 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 |
#31A6AA |
rgb(49,166,170) |
hsl(182,55%,43%) |
#3154AA |
rgb(49,84,170) |
hsl(223,55%,43%) |
#5E30AA |
rgb(94,48,170) |
hsl(263,56%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5378CD |
rgb(83,120,205) |
hsl(222,55%,56%) |
#3861C5 |
rgb(56,97,197) |
hsl(223,56%,50%) |
#3154AA |
rgb(49,84,170) |
hsl(223,55%,43%) |
#29478E |
rgb(41,71,142) |
hsl(222,55%,36%) |
#213873 |
rgb(33,56,115) |
hsl(223,55%,29%) |
#192B58 |
rgb(25,43,88) |
hsl(223,56%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3154AA |
rgb(49,84,170) |
hsl(223,55%,43%) |
#AA4A31 |
rgb(170,74,49) |
hsl(12,55%,43%) |
#90AB31 |
rgb(144,171,49) |
hsl(73,55%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3154AA |
rgb(49,84,170) |
hsl(223,55%,43%) |
#AA8731 |
rgb(170,135,49) |
hsl(43,55%,43%) |
#3191AA |
rgb(49,145,170) |
hsl(192,55%,43%) |
#90AB31 |
rgb(144,171,49) |
hsl(73,55%,43%) |