HEX #3670B9 color — Azure
The color #3670B9 is a dark shade and moderately saturated.
Palette
3670B9 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(213,55%,97%) |
#dfe9f6 |
rgb(223,233,246) |
hsl(213,55%,92%) |
#ccdcf0 |
rgb(204,220,240) |
hsl(213,55%,87%) |
#b8cfea |
rgb(184,207,234) |
hsl(213,55%,82%) |
#a4c1e5 |
rgb(164,193,229) |
hsl(213,55%,77%) |
#90b4df |
rgb(144,180,223) |
hsl(213,55%,72%) |
#7da6d9 |
rgb(125,166,217) |
hsl(213,55%,67%) |
#6999d3 |
rgb(105,153,211) |
hsl(213,55%,62%) |
#558bce |
rgb(85,139,206) |
hsl(213,55%,57%) |
#417ec8 |
rgb(65,126,200) |
hsl(213,55%,52%) |
#3671ba |
rgb(54,113,186) |
hsl(213,55%,47%) |
#3065a6 |
rgb(48,101,166) |
hsl(213,55%,42%) |
#2a5992 |
rgb(42,89,146) |
hsl(213,55%,37%) |
#254d7e |
rgb(37,77,126) |
hsl(213,55%,32%) |
#1f416b |
rgb(31,65,107) |
hsl(213,55%,27%) |
#193557 |
rgb(25,53,87) |
hsl(213,55%,22%) |
#142943 |
rgb(20,41,67) |
hsl(213,55%,17%) |
#0e1d2f |
rgb(14,29,47) |
hsl(213,55%,12%) |
#08111c |
rgb(8,17,28) |
hsl(213,55%,7%) |
#020508 |
rgb(2,5,8) |
hsl(213,55%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#36BAAA |
rgb(54,186,170) |
hsl(173,55%,47%) |
#3670B9 |
rgb(54,112,185) |
hsl(213,55%,47%) |
#5336B9 |
rgb(83,54,185) |
hsl(253,55%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6896D3 |
rgb(104,150,211) |
hsl(214,55%,62%) |
#4A82CA |
rgb(74,130,202) |
hsl(214,55%,54%) |
#3670B9 |
rgb(54,112,185) |
hsl(213,55%,47%) |
#2D5E9B |
rgb(45,94,155) |
hsl(213,55%,39%) |
#244D7D |
rgb(36,77,125) |
hsl(212,55%,32%) |
#1C3B60 |
rgb(28,59,96) |
hsl(213,55%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3670B9 |
rgb(54,112,185) |
hsl(213,55%,47%) |
#B93D36 |
rgb(185,61,54) |
hsl(3,55%,47%) |
#B1BA36 |
rgb(177,186,54) |
hsl(64,55%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3670B9 |
rgb(54,112,185) |
hsl(213,55%,47%) |
#B98036 |
rgb(185,128,54) |
hsl(34,55%,47%) |
#36B3B9 |
rgb(54,179,185) |
hsl(183,55%,47%) |
#B1BA36 |
rgb(177,186,54) |
hsl(64,55%,47%) |