HEX #2F57A9 color — Azure
The color #2F57A9 is a dark shade and moderately saturated.
Palette
2F57A9 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 |
#2FA8A9 |
rgb(47,168,169) |
hsl(180,56%,42%) |
#2F57A9 |
rgb(47,87,169) |
hsl(220,56%,42%) |
#582EA9 |
rgb(88,46,169) |
hsl(260,57%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4F78CE |
rgb(79,120,206) |
hsl(221,56%,56%) |
#3666C4 |
rgb(54,102,196) |
hsl(220,57%,49%) |
#2F57A9 |
rgb(47,87,169) |
hsl(220,56%,42%) |
#274A8D |
rgb(39,74,141) |
hsl(219,57%,35%) |
#1F3B72 |
rgb(31,59,114) |
hsl(220,57%,28%) |
#182E57 |
rgb(24,46,87) |
hsl(219,57%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2F57A9 |
rgb(47,87,169) |
hsl(220,56%,42%) |
#A9452F |
rgb(169,69,47) |
hsl(11,56%,42%) |
#94A82F |
rgb(148,168,47) |
hsl(70,56%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2F57A9 |
rgb(47,87,169) |
hsl(220,56%,42%) |
#A9822F |
rgb(169,130,47) |
hsl(41,56%,42%) |
#2F94A9 |
rgb(47,148,169) |
hsl(190,56%,42%) |
#94A82F |
rgb(148,168,47) |
hsl(70,56%,42%) |