HEX #3A6AE4 color — Royal Blue
The color #3a6ae4 is a dark shade and moderately saturated.
Palette
3a6ae4 color palette from light to dark
HEX |
RGB |
HSL |
#edf1fd |
rgb(237,241,253) |
hsl(223,76%,96%) |
#d7e0f9 |
rgb(215,224,249) |
hsl(223,76%,91%) |
#c0d0f6 |
rgb(192,208,246) |
hsl(223,76%,86%) |
#aabff3 |
rgb(170,191,243) |
hsl(223,76%,81%) |
#93aef0 |
rgb(147,174,240) |
hsl(223,76%,76%) |
#7d9ded |
rgb(125,157,237) |
hsl(223,76%,71%) |
#668cea |
rgb(102,140,234) |
hsl(223,76%,66%) |
#507be7 |
rgb(80,123,231) |
hsl(223,76%,61%) |
#3a6ae4 |
rgb(58,106,228) |
hsl(223,76%,56%) |
#2359e1 |
rgb(35,89,225) |
hsl(223,76%,51%) |
#1c4fce |
rgb(28,79,206) |
hsl(223,76%,46%) |
#1946b8 |
rgb(25,70,184) |
hsl(223,76%,41%) |
#163ea2 |
rgb(22,62,162) |
hsl(223,76%,36%) |
#13358b |
rgb(19,53,139) |
hsl(223,76%,31%) |
#102c75 |
rgb(16,44,117) |
hsl(223,76%,26%) |
#0d245e |
rgb(13,36,94) |
hsl(223,76%,21%) |
#0a1b48 |
rgb(10,27,72) |
hsl(223,76%,16%) |
#071331 |
rgb(7,19,49) |
hsl(223,76%,11%) |
#040a1b |
rgb(4,10,27) |
hsl(223,76%,6%) |
#010204 |
rgb(1,2,4) |
hsl(223,76%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ADBE4 |
rgb(58,219,228) |
hsl(183,76%,56%) |
#3A6AE4 |
rgb(58,106,228) |
hsl(223,76%,56%) |
#7B3BE4 |
rgb(123,59,228) |
hsl(263,76%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8AA6EF |
rgb(138,166,239) |
hsl(223,76%,74%) |
#628AE9 |
rgb(98,138,233) |
hsl(222,75%,65%) |
#3A6AE4 |
rgb(58,106,228) |
hsl(223,76%,56%) |
#1C52D3 |
rgb(28,82,211) |
hsl(222,77%,47%) |
#1742AB |
rgb(23,66,171) |
hsl(223,76%,38%) |
#113382 |
rgb(17,51,130) |
hsl(222,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A6AE4 |
rgb(58,106,228) |
hsl(223,76%,56%) |
#E45E3A |
rgb(228,94,58) |
hsl(13,76%,56%) |
#BFE33A |
rgb(191,227,58) |
hsl(73,75%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A6AE4 |
rgb(58,106,228) |
hsl(223,76%,56%) |
#E4B53A |
rgb(228,181,58) |
hsl(43,76%,56%) |
#3ABFE4 |
rgb(58,191,228) |
hsl(193,76%,56%) |
#BFE33A |
rgb(191,227,58) |
hsl(73,75%,56%) |