HEX #3B82E3 color — Royal Blue
The color #3B82E3 is a dark shade and moderately saturated.
Palette
3B82E3 color palette from light to dark
HEX |
RGB |
HSL |
#edf4fc |
rgb(237,244,252) |
hsl(215,75%,96%) |
#d7e5f9 |
rgb(215,229,249) |
hsl(215,75%,91%) |
#c1d7f6 |
rgb(193,215,246) |
hsl(215,75%,86%) |
#aac8f3 |
rgb(170,200,243) |
hsl(215,75%,81%) |
#94baf0 |
rgb(148,186,240) |
hsl(215,75%,76%) |
#7eaced |
rgb(126,172,237) |
hsl(215,75%,71%) |
#679de9 |
rgb(103,157,233) |
hsl(215,75%,66%) |
#518fe6 |
rgb(81,143,230) |
hsl(215,75%,61%) |
#3b81e3 |
rgb(59,129,227) |
hsl(215,75%,56%) |
#2472e0 |
rgb(36,114,224) |
hsl(215,75%,51%) |
#1d67cd |
rgb(29,103,205) |
hsl(215,75%,46%) |
#1a5bb7 |
rgb(26,91,183) |
hsl(215,75%,41%) |
#1750a1 |
rgb(23,80,161) |
hsl(215,75%,36%) |
#14458a |
rgb(20,69,138) |
hsl(215,75%,31%) |
#113a74 |
rgb(17,58,116) |
hsl(215,75%,26%) |
#0d2f5e |
rgb(13,47,94) |
hsl(215,75%,21%) |
#0a2447 |
rgb(10,36,71) |
hsl(215,75%,16%) |
#071931 |
rgb(7,25,49) |
hsl(215,75%,11%) |
#040d1b |
rgb(4,13,27) |
hsl(215,75%,6%) |
#010204 |
rgb(1,2,4) |
hsl(215,75%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BE3D4 |
rgb(59,227,212) |
hsl(175,75%,56%) |
#3B82E3 |
rgb(59,130,227) |
hsl(215,75%,56%) |
#643BE3 |
rgb(100,59,227) |
hsl(255,75%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8BB5EE |
rgb(139,181,238) |
hsl(215,74%,74%) |
#639CE8 |
rgb(99,156,232) |
hsl(214,74%,65%) |
#3B82E3 |
rgb(59,130,227) |
hsl(215,75%,56%) |
#1E6BD2 |
rgb(30,107,210) |
hsl(214,75%,47%) |
#1857AA |
rgb(24,87,170) |
hsl(214,75%,38%) |
#124282 |
rgb(18,66,130) |
hsl(214,76%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B82E3 |
rgb(59,130,227) |
hsl(215,75%,56%) |
#E3473B |
rgb(227,71,59) |
hsl(4,75%,56%) |
#D6E33B |
rgb(214,227,59) |
hsl(65,75%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B82E3 |
rgb(59,130,227) |
hsl(215,75%,56%) |
#E39C3B |
rgb(227,156,59) |
hsl(35,75%,56%) |
#3BD6E3 |
rgb(59,214,227) |
hsl(185,75%,56%) |
#D6E33B |
rgb(214,227,59) |
hsl(65,75%,56%) |