HEX #3B86E3 color — Royal Blue
The color #3B86E3 is a dark shade and moderately saturated.
Palette
3B86E3 color palette from light to dark
HEX |
RGB |
HSL |
#edf4fc |
rgb(237,244,252) |
hsl(213,75%,96%) |
#d7e6f9 |
rgb(215,230,249) |
hsl(213,75%,91%) |
#c1d9f6 |
rgb(193,217,246) |
hsl(213,75%,86%) |
#aacbf3 |
rgb(170,203,243) |
hsl(213,75%,81%) |
#94bdf0 |
rgb(148,189,240) |
hsl(213,75%,76%) |
#7eb0ed |
rgb(126,176,237) |
hsl(213,75%,71%) |
#67a2e9 |
rgb(103,162,233) |
hsl(213,75%,66%) |
#5194e6 |
rgb(81,148,230) |
hsl(213,75%,61%) |
#3b86e3 |
rgb(59,134,227) |
hsl(213,75%,56%) |
#2479e0 |
rgb(36,121,224) |
hsl(213,75%,51%) |
#1d6dcd |
rgb(29,109,205) |
hsl(213,75%,46%) |
#1a61b7 |
rgb(26,97,183) |
hsl(213,75%,41%) |
#1755a1 |
rgb(23,85,161) |
hsl(213,75%,36%) |
#14498a |
rgb(20,73,138) |
hsl(213,75%,31%) |
#113d74 |
rgb(17,61,116) |
hsl(213,75%,26%) |
#0d325e |
rgb(13,50,94) |
hsl(213,75%,21%) |
#0a2647 |
rgb(10,38,71) |
hsl(213,75%,16%) |
#071a31 |
rgb(7,26,49) |
hsl(213,75%,11%) |
#040e1b |
rgb(4,14,27) |
hsl(213,75%,6%) |
#010204 |
rgb(1,2,4) |
hsl(213,75%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BE3D0 |
rgb(59,227,208) |
hsl(173,75%,56%) |
#3B86E3 |
rgb(59,134,227) |
hsl(213,75%,56%) |
#603BE3 |
rgb(96,59,227) |
hsl(253,75%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8BB8EE |
rgb(139,184,238) |
hsl(213,74%,74%) |
#639EE8 |
rgb(99,158,232) |
hsl(213,74%,65%) |
#3B86E3 |
rgb(59,134,227) |
hsl(213,75%,56%) |
#1E6ED2 |
rgb(30,110,210) |
hsl(213,75%,47%) |
#1859AA |
rgb(24,89,170) |
hsl(213,75%,38%) |
#124582 |
rgb(18,69,130) |
hsl(213,76%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B86E3 |
rgb(59,134,227) |
hsl(213,75%,56%) |
#E3453B |
rgb(227,69,59) |
hsl(4,75%,56%) |
#DAE33B |
rgb(218,227,59) |
hsl(63,75%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B86E3 |
rgb(59,134,227) |
hsl(213,75%,56%) |
#E3993B |
rgb(227,153,59) |
hsl(34,75%,56%) |
#3BD9E3 |
rgb(59,217,227) |
hsl(184,75%,56%) |
#DAE33B |
rgb(218,227,59) |
hsl(63,75%,56%) |