HEX #2F57A6 color — Azure
The color #2F57A6 is a dark shade and moderately saturated.
Palette
2F57A6 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 |
#2FA6A5 |
rgb(47,166,165) |
hsl(179,56%,42%) |
#2F57A6 |
rgb(47,87,166) |
hsl(220,56%,42%) |
#562EA6 |
rgb(86,46,166) |
hsl(260,57%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4C78CC |
rgb(76,120,204) |
hsl(219,56%,55%) |
#3666C0 |
rgb(54,102,192) |
hsl(219,56%,48%) |
#2F57A6 |
rgb(47,87,166) |
hsl(220,56%,42%) |
#274A8B |
rgb(39,74,139) |
hsl(219,56%,35%) |
#1F3B70 |
rgb(31,59,112) |
hsl(219,57%,28%) |
#182E56 |
rgb(24,46,86) |
hsl(219,56%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2F57A6 |
rgb(47,87,166) |
hsl(220,56%,42%) |
#A6422F |
rgb(166,66,47) |
hsl(10,56%,42%) |
#92A62F |
rgb(146,166,47) |
hsl(70,56%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2F57A6 |
rgb(47,87,166) |
hsl(220,56%,42%) |
#A67D2F |
rgb(166,125,47) |
hsl(39,56%,42%) |
#2F91A6 |
rgb(47,145,166) |
hsl(191,56%,42%) |
#92A62F |
rgb(146,166,47) |
hsl(70,56%,42%) |