HEX #3A7AE6 color — Royal Blue
The color #3A7AE6 is a dark shade and moderately saturated.
Palette
3A7AE6 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 |
#3AE6DF |
rgb(58,230,223) |
hsl(178,77%,56%) |
#3A7AE6 |
rgb(58,122,230) |
hsl(218,77%,56%) |
#6C3BE6 |
rgb(108,59,230) |
hsl(257,77%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8BB0F0 |
rgb(139,176,240) |
hsl(218,77%,74%) |
#6296EB |
rgb(98,150,235) |
hsl(217,77%,65%) |
#3A7AE6 |
rgb(58,122,230) |
hsl(218,77%,56%) |
#1B61D6 |
rgb(27,97,214) |
hsl(218,78%,47%) |
#164FAD |
rgb(22,79,173) |
hsl(217,77%,38%) |
#103D84 |
rgb(16,61,132) |
hsl(217,78%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A7AE6 |
rgb(58,122,230) |
hsl(218,77%,56%) |
#E64F3A |
rgb(230,79,58) |
hsl(7,77%,56%) |
#D0E63A |
rgb(208,230,58) |
hsl(68,77%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A7AE6 |
rgb(58,122,230) |
hsl(218,77%,56%) |
#E6A63A |
rgb(230,166,58) |
hsl(38,77%,56%) |
#3AD1E6 |
rgb(58,209,230) |
hsl(187,77%,56%) |
#D0E63A |
rgb(208,230,58) |
hsl(68,77%,56%) |