HEX #2F57A5 color — Azure
The color #2F57A5 is a dark shade and moderately saturated.
Palette
2F57A5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(220,56%,97%) |
#dfe7f6 |
rgb(223,231,246) |
hsl(220,56%,92%) |
#cbd8f0 |
rgb(203,216,240) |
hsl(220,56%,87%) |
#b7c9eb |
rgb(183,201,235) |
hsl(220,56%,82%) |
#a4b9e5 |
rgb(164,185,229) |
hsl(220,56%,77%) |
#90aae0 |
rgb(144,170,224) |
hsl(220,56%,72%) |
#7c9bda |
rgb(124,155,218) |
hsl(220,56%,67%) |
#688cd4 |
rgb(104,140,212) |
hsl(220,56%,62%) |
#547dcf |
rgb(84,125,207) |
hsl(220,56%,57%) |
#406ec9 |
rgb(64,110,201) |
hsl(220,56%,52%) |
#3561bb |
rgb(53,97,187) |
hsl(220,56%,47%) |
#2f57a7 |
rgb(47,87,167) |
hsl(220,56%,42%) |
#2a4d93 |
rgb(42,77,147) |
hsl(220,56%,37%) |
#24427f |
rgb(36,66,127) |
hsl(220,56%,32%) |
#1e386b |
rgb(30,56,107) |
hsl(220,56%,27%) |
#192e58 |
rgb(25,46,88) |
hsl(220,56%,22%) |
#132344 |
rgb(19,35,68) |
hsl(220,56%,17%) |
#0d1930 |
rgb(13,25,48) |
hsl(220,56%,12%) |
#080f1c |
rgb(8,15,28) |
hsl(220,56%,7%) |
#020408 |
rgb(2,4,8) |
hsl(220,56%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2FA6A4 |
rgb(47,166,164) |
hsl(179,56%,42%) |
#2F57A5 |
rgb(47,87,165) |
hsl(220,56%,42%) |
#552EA5 |
rgb(85,46,165) |
hsl(260,56%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4B78CB |
rgb(75,120,203) |
hsl(219,55%,55%) |
#3666BF |
rgb(54,102,191) |
hsl(219,56%,48%) |
#2F57A5 |
rgb(47,87,165) |
hsl(220,56%,42%) |
#274A8A |
rgb(39,74,138) |
hsl(219,56%,35%) |
#1F3B70 |
rgb(31,59,112) |
hsl(219,57%,28%) |
#182E55 |
rgb(24,46,85) |
hsl(218,56%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2F57A5 |
rgb(47,87,165) |
hsl(220,56%,42%) |
#A5422F |
rgb(165,66,47) |
hsl(10,56%,42%) |
#92A62F |
rgb(146,166,47) |
hsl(70,56%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2F57A5 |
rgb(47,87,165) |
hsl(220,56%,42%) |
#A57D2F |
rgb(165,125,47) |
hsl(40,56%,42%) |
#2F91A5 |
rgb(47,145,165) |
hsl(190,56%,42%) |
#92A62F |
rgb(146,166,47) |
hsl(70,56%,42%) |