HEX #3B57A6 color — Azure
The color #3B57A6 is a dark shade and moderately saturated.
Palette
3B57A6 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(224,48%,99%) |
#e8ecf7 |
rgb(232,236,247) |
hsl(224,48%,94%) |
#d5ddf0 |
rgb(213,221,240) |
hsl(224,48%,89%) |
#c3cdea |
rgb(195,205,234) |
hsl(224,48%,84%) |
#b0bde3 |
rgb(176,189,227) |
hsl(224,48%,79%) |
#9daedd |
rgb(157,174,221) |
hsl(224,48%,74%) |
#8a9ed6 |
rgb(138,158,214) |
hsl(224,48%,69%) |
#778fcf |
rgb(119,143,207) |
hsl(224,48%,64%) |
#647fc9 |
rgb(100,127,201) |
hsl(224,48%,59%) |
#516fc2 |
rgb(81,111,194) |
hsl(224,48%,54%) |
#4161b9 |
rgb(65,97,185) |
hsl(224,48%,49%) |
#3a57a6 |
rgb(58,87,166) |
hsl(224,48%,44%) |
#344d93 |
rgb(52,77,147) |
hsl(224,48%,39%) |
#2d4380 |
rgb(45,67,128) |
hsl(224,48%,34%) |
#26396d |
rgb(38,57,109) |
hsl(224,48%,29%) |
#202f5b |
rgb(32,47,91) |
hsl(224,48%,24%) |
#192648 |
rgb(25,38,72) |
hsl(224,48%,19%) |
#131c35 |
rgb(19,28,53) |
hsl(224,48%,14%) |
#0c1222 |
rgb(12,18,34) |
hsl(224,48%,9%) |
#05080f |
rgb(5,8,15) |
hsl(224,48%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3B9EA6 |
rgb(59,158,166) |
hsl(184,48%,44%) |
#3B57A6 |
rgb(59,87,166) |
hsl(224,48%,44%) |
#663BA6 |
rgb(102,59,166) |
hsl(264,48%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#617DC7 |
rgb(97,125,199) |
hsl(224,48%,58%) |
#4766BD |
rgb(71,102,189) |
hsl(224,47%,51%) |
#3B57A6 |
rgb(59,87,166) |
hsl(224,48%,44%) |
#314A8B |
rgb(49,74,139) |
hsl(223,48%,37%) |
#283B70 |
rgb(40,59,112) |
hsl(224,47%,30%) |
#1E2E56 |
rgb(30,46,86) |
hsl(223,48%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B57A6 |
rgb(59,87,166) |
hsl(224,48%,44%) |
#A6543B |
rgb(166,84,59) |
hsl(14,48%,44%) |
#8CA63B |
rgb(140,166,59) |
hsl(75,48%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B57A6 |
rgb(59,87,166) |
hsl(224,48%,44%) |
#A68A3B |
rgb(166,138,59) |
hsl(44,48%,44%) |
#3B8CA6 |
rgb(59,140,166) |
hsl(195,48%,44%) |
#8CA63B |
rgb(140,166,59) |
hsl(75,48%,44%) |