HEX #3B82F0 color — Royal Blue
The color #3B82F0 is a dark shade and moderately saturated.
Palette
3B82F0 color palette from light to dark
HEX |
RGB |
HSL |
#fafcff |
rgb(250,252,255) |
hsl(216,86%,99%) |
#e3edfd |
rgb(227,237,253) |
hsl(216,86%,94%) |
#cbdefb |
rgb(203,222,251) |
hsl(216,86%,89%) |
#b3cff9 |
rgb(179,207,249) |
hsl(216,86%,84%) |
#9bc0f8 |
rgb(155,192,248) |
hsl(216,86%,79%) |
#84b1f6 |
rgb(132,177,246) |
hsl(216,86%,74%) |
#6ca2f4 |
rgb(108,162,244) |
hsl(216,86%,69%) |
#5493f2 |
rgb(84,147,242) |
hsl(216,86%,64%) |
#3d84f0 |
rgb(61,132,240) |
hsl(216,86%,59%) |
#2576ef |
rgb(37,118,239) |
hsl(216,86%,54%) |
#1167e8 |
rgb(17,103,232) |
hsl(216,86%,49%) |
#105dd1 |
rgb(16,93,209) |
hsl(216,86%,44%) |
#0e52b9 |
rgb(14,82,185) |
hsl(216,86%,39%) |
#0c48a1 |
rgb(12,72,161) |
hsl(216,86%,34%) |
#0a3d8a |
rgb(10,61,138) |
hsl(216,86%,29%) |
#093372 |
rgb(9,51,114) |
hsl(216,86%,24%) |
#07285a |
rgb(7,40,90) |
hsl(216,86%,19%) |
#051e42 |
rgb(5,30,66) |
hsl(216,86%,14%) |
#03132b |
rgb(3,19,43) |
hsl(216,86%,9%) |
#010813 |
rgb(1,8,19) |
hsl(216,86%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BF0E5 |
rgb(59,240,229) |
hsl(176,86%,59%) |
#3B82F0 |
rgb(59,130,240) |
hsl(216,86%,59%) |
#6C3BF0 |
rgb(108,59,240) |
hsl(256,86%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#93BAF6 |
rgb(147,186,246) |
hsl(216,85%,77%) |
#679EF3 |
rgb(103,158,243) |
hsl(216,85%,68%) |
#3B82F0 |
rgb(59,130,240) |
hsl(216,86%,59%) |
#1166E9 |
rgb(17,102,233) |
hsl(216,86%,49%) |
#0E52BC |
rgb(14,82,188) |
hsl(217,86%,40%) |
#0B4090 |
rgb(11,64,144) |
hsl(216,86%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B82F0 |
rgb(59,130,240) |
hsl(216,86%,59%) |
#F04F3B |
rgb(240,79,59) |
hsl(7,86%,59%) |
#DCF03B |
rgb(220,240,59) |
hsl(67,86%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B82F0 |
rgb(59,130,240) |
hsl(216,86%,59%) |
#F0A83B |
rgb(240,168,59) |
hsl(36,86%,59%) |
#3BDBF0 |
rgb(59,219,240) |
hsl(187,86%,59%) |
#DCF03B |
rgb(220,240,59) |
hsl(67,86%,59%) |