HEX #3B82E2 color — Royal Blue
The color #3B82E2 is a dark shade and moderately saturated.
Palette
3B82E2 color palette from light to dark
HEX |
RGB |
HSL |
#edf4fc |
rgb(237,244,252) |
hsl(214,74%,96%) |
#d7e6f9 |
rgb(215,230,249) |
hsl(214,74%,91%) |
#c1d8f6 |
rgb(193,216,246) |
hsl(214,74%,86%) |
#abcaf2 |
rgb(171,202,242) |
hsl(214,74%,81%) |
#95bcef |
rgb(149,188,239) |
hsl(214,74%,76%) |
#7eaeec |
rgb(126,174,236) |
hsl(214,74%,71%) |
#68a0e8 |
rgb(104,160,232) |
hsl(214,74%,66%) |
#5292e5 |
rgb(82,146,229) |
hsl(214,74%,61%) |
#3c84e2 |
rgb(60,132,226) |
hsl(214,74%,56%) |
#2676df |
rgb(38,118,223) |
hsl(214,74%,51%) |
#1e6acc |
rgb(30,106,204) |
hsl(214,74%,46%) |
#1b5eb6 |
rgb(27,94,182) |
hsl(214,74%,41%) |
#1853a0 |
rgb(24,83,160) |
hsl(214,74%,36%) |
#15478a |
rgb(21,71,138) |
hsl(214,74%,31%) |
#113c73 |
rgb(17,60,115) |
hsl(214,74%,26%) |
#0e305d |
rgb(14,48,93) |
hsl(214,74%,21%) |
#0b2547 |
rgb(11,37,71) |
hsl(214,74%,16%) |
#071931 |
rgb(7,25,49) |
hsl(214,74%,11%) |
#040e1b |
rgb(4,14,27) |
hsl(214,74%,6%) |
#010204 |
rgb(1,2,4) |
hsl(214,74%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BE3D2 |
rgb(59,227,210) |
hsl(174,75%,56%) |
#3B82E2 |
rgb(59,130,226) |
hsl(214,74%,56%) |
#633BE2 |
rgb(99,59,226) |
hsl(254,74%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8AB5ED |
rgb(138,181,237) |
hsl(214,73%,74%) |
#629CE7 |
rgb(98,156,231) |
hsl(214,73%,65%) |
#3B82E2 |
rgb(59,130,226) |
hsl(214,74%,56%) |
#1E6BD0 |
rgb(30,107,208) |
hsl(214,75%,47%) |
#1857A8 |
rgb(24,87,168) |
hsl(214,75%,38%) |
#134281 |
rgb(19,66,129) |
hsl(214,74%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B82E2 |
rgb(59,130,226) |
hsl(214,74%,56%) |
#E2473B |
rgb(226,71,59) |
hsl(4,74%,56%) |
#D5E33B |
rgb(213,227,59) |
hsl(65,75%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B82E2 |
rgb(59,130,226) |
hsl(214,74%,56%) |
#E29C3B |
rgb(226,156,59) |
hsl(35,74%,56%) |
#3BD6E2 |
rgb(59,214,226) |
hsl(184,74%,56%) |
#D5E33B |
rgb(213,227,59) |
hsl(65,75%,56%) |