HEX #3B7AE5 color — Royal Blue
The color #3B7AE5 is a dark shade and moderately saturated.
Palette
3B7AE5 color palette from light to dark
HEX |
RGB |
HSL |
#edf3fd |
rgb(237,243,253) |
hsl(218,77%,96%) |
#d6e3fa |
rgb(214,227,250) |
hsl(218,77%,91%) |
#c0d4f7 |
rgb(192,212,247) |
hsl(218,77%,86%) |
#a9c5f4 |
rgb(169,197,244) |
hsl(218,77%,81%) |
#93b5f1 |
rgb(147,181,241) |
hsl(218,77%,76%) |
#7ca6ee |
rgb(124,166,238) |
hsl(218,77%,71%) |
#6696eb |
rgb(102,150,235) |
hsl(218,77%,66%) |
#4f87e8 |
rgb(79,135,232) |
hsl(218,77%,61%) |
#3878e5 |
rgb(56,120,229) |
hsl(218,77%,56%) |
#2268e2 |
rgb(34,104,226) |
hsl(218,77%,51%) |
#1b5dd0 |
rgb(27,93,208) |
hsl(218,77%,46%) |
#1853b9 |
rgb(24,83,185) |
hsl(218,77%,41%) |
#1549a2 |
rgb(21,73,162) |
hsl(218,77%,36%) |
#123f8c |
rgb(18,63,140) |
hsl(218,77%,31%) |
#0f3575 |
rgb(15,53,117) |
hsl(218,77%,26%) |
#0c2b5f |
rgb(12,43,95) |
hsl(218,77%,21%) |
#092048 |
rgb(9,32,72) |
hsl(218,77%,16%) |
#061632 |
rgb(6,22,50) |
hsl(218,77%,11%) |
#040c1b |
rgb(4,12,27) |
hsl(218,77%,6%) |
#010205 |
rgb(1,2,5) |
hsl(218,77%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BE6DE |
rgb(59,230,222) |
hsl(177,77%,57%) |
#3B7AE5 |
rgb(59,122,229) |
hsl(218,77%,56%) |
#6D3BE5 |
rgb(109,59,229) |
hsl(258,77%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CB0EF |
rgb(140,176,239) |
hsl(218,76%,74%) |
#6396EA |
rgb(99,150,234) |
hsl(217,76%,65%) |
#3B7AE5 |
rgb(59,122,229) |
hsl(218,77%,56%) |
#1C61D5 |
rgb(28,97,213) |
hsl(218,77%,47%) |
#164FAC |
rgb(22,79,172) |
hsl(217,77%,38%) |
#113D84 |
rgb(17,61,132) |
hsl(217,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B7AE5 |
rgb(59,122,229) |
hsl(218,77%,56%) |
#E5523B |
rgb(229,82,59) |
hsl(8,77%,56%) |
#CFE63B |
rgb(207,230,59) |
hsl(68,77%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B7AE5 |
rgb(59,122,229) |
hsl(218,77%,56%) |
#E5A63B |
rgb(229,166,59) |
hsl(38,77%,56%) |
#3BCFE5 |
rgb(59,207,229) |
hsl(188,77%,56%) |
#CFE63B |
rgb(207,230,59) |
hsl(68,77%,57%) |