HEX #3054A9 color — Azure
The color #3054A9 is a dark shade and moderately saturated.
Palette
3054A9 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(222,56%,98%) |
#e3e9f7 |
rgb(227,233,247) |
hsl(222,56%,93%) |
#cfdaf2 |
rgb(207,218,242) |
hsl(222,56%,88%) |
#bbcaec |
rgb(187,202,236) |
hsl(222,56%,83%) |
#a7bae6 |
rgb(167,186,230) |
hsl(222,56%,78%) |
#94abe1 |
rgb(148,171,225) |
hsl(222,56%,73%) |
#809bdb |
rgb(128,155,219) |
hsl(222,56%,68%) |
#6c8cd5 |
rgb(108,140,213) |
hsl(222,56%,63%) |
#587cd0 |
rgb(88,124,208) |
hsl(222,56%,58%) |
#446cca |
rgb(68,108,202) |
hsl(222,56%,53%) |
#365fbf |
rgb(54,95,191) |
hsl(222,56%,48%) |
#3055ab |
rgb(48,85,171) |
hsl(222,56%,43%) |
#2b4b97 |
rgb(43,75,151) |
hsl(222,56%,38%) |
#254183 |
rgb(37,65,131) |
hsl(222,56%,33%) |
#1f376f |
rgb(31,55,111) |
hsl(222,56%,28%) |
#1a2e5b |
rgb(26,46,91) |
hsl(222,56%,23%) |
#142448 |
rgb(20,36,72) |
hsl(222,56%,18%) |
#0f1a34 |
rgb(15,26,52) |
hsl(222,56%,13%) |
#091020 |
rgb(9,16,32) |
hsl(222,56%,8%) |
#03060c |
rgb(3,6,12) |
hsl(222,56%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30A6A9 |
rgb(48,166,169) |
hsl(181,56%,43%) |
#3054A9 |
rgb(48,84,169) |
hsl(222,56%,43%) |
#5C30A9 |
rgb(92,48,169) |
hsl(262,56%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5075CD |
rgb(80,117,205) |
hsl(222,56%,56%) |
#3761C4 |
rgb(55,97,196) |
hsl(222,56%,49%) |
#3054A9 |
rgb(48,84,169) |
hsl(222,56%,43%) |
#28478D |
rgb(40,71,141) |
hsl(222,56%,35%) |
#203872 |
rgb(32,56,114) |
hsl(222,56%,29%) |
#182B57 |
rgb(24,43,87) |
hsl(222,57%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3054A9 |
rgb(48,84,169) |
hsl(222,56%,43%) |
#A94730 |
rgb(169,71,48) |
hsl(11,56%,43%) |
#90A830 |
rgb(144,168,48) |
hsl(72,56%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3054A9 |
rgb(48,84,169) |
hsl(222,56%,43%) |
#A98530 |
rgb(169,133,48) |
hsl(42,56%,43%) |
#3091A9 |
rgb(48,145,169) |
hsl(192,56%,43%) |
#90A830 |
rgb(144,168,48) |
hsl(72,56%,42%) |