HEX #2F57B0 color — Azure
The color #2F57B0 is a dark shade and moderately saturated.
Palette
2F57B0 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(221,58%,99%) |
#e7ecf9 |
rgb(231,236,249) |
hsl(221,58%,94%) |
#d3ddf3 |
rgb(211,221,243) |
hsl(221,58%,89%) |
#bfceee |
rgb(191,206,238) |
hsl(221,58%,84%) |
#aabee9 |
rgb(170,190,233) |
hsl(221,58%,79%) |
#96afe3 |
rgb(150,175,227) |
hsl(221,58%,74%) |
#829fde |
rgb(130,159,222) |
hsl(221,58%,69%) |
#6e90d8 |
rgb(110,144,216) |
hsl(221,58%,64%) |
#5a80d3 |
rgb(90,128,211) |
hsl(221,58%,59%) |
#4671ce |
rgb(70,113,206) |
hsl(221,58%,54%) |
#3462c5 |
rgb(52,98,197) |
hsl(221,58%,49%) |
#2f58b1 |
rgb(47,88,177) |
hsl(221,58%,44%) |
#2a4e9d |
rgb(42,78,157) |
hsl(221,58%,39%) |
#244489 |
rgb(36,68,137) |
hsl(221,58%,34%) |
#1f3a75 |
rgb(31,58,117) |
hsl(221,58%,29%) |
#1a3061 |
rgb(26,48,97) |
hsl(221,58%,24%) |
#14264d |
rgb(20,38,77) |
hsl(221,58%,19%) |
#0f1c38 |
rgb(15,28,56) |
hsl(221,58%,14%) |
#0a1224 |
rgb(10,18,36) |
hsl(221,58%,9%) |
#040810 |
rgb(4,8,16) |
hsl(221,58%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#2FADB0 |
rgb(47,173,176) |
hsl(181,58%,44%) |
#2F57B0 |
rgb(47,87,176) |
hsl(221,58%,44%) |
#5D2EB0 |
rgb(93,46,176) |
hsl(262,59%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#547AD1 |
rgb(84,122,209) |
hsl(222,58%,57%) |
#3866CA |
rgb(56,102,202) |
hsl(221,58%,51%) |
#2F57B0 |
rgb(47,87,176) |
hsl(221,58%,44%) |
#274A93 |
rgb(39,74,147) |
hsl(221,58%,36%) |
#1F3B77 |
rgb(31,59,119) |
hsl(221,59%,29%) |
#182E5B |
rgb(24,46,91) |
hsl(220,58%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#2F57B0 |
rgb(47,87,176) |
hsl(221,58%,44%) |
#B0472F |
rgb(176,71,47) |
hsl(11,58%,44%) |
#97B02F |
rgb(151,176,47) |
hsl(72,58%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2F57B0 |
rgb(47,87,176) |
hsl(221,58%,44%) |
#B0872F |
rgb(176,135,47) |
hsl(41,58%,44%) |
#2F96B0 |
rgb(47,150,176) |
hsl(192,58%,44%) |
#97B02F |
rgb(151,176,47) |
hsl(72,58%,44%) |