HEX #3B70E5 color — Royal Blue
The color #3B70E5 is a dark shade and moderately saturated.
Palette
3B70E5 color palette from light to dark
HEX |
RGB |
HSL |
#edf2fd |
rgb(237,242,253) |
hsl(221,77%,96%) |
#d6e2fa |
rgb(214,226,250) |
hsl(221,77%,91%) |
#c0d1f7 |
rgb(192,209,247) |
hsl(221,77%,86%) |
#a9c1f4 |
rgb(169,193,244) |
hsl(221,77%,81%) |
#93b1f1 |
rgb(147,177,241) |
hsl(221,77%,76%) |
#7ca0ee |
rgb(124,160,238) |
hsl(221,77%,71%) |
#6690eb |
rgb(102,144,235) |
hsl(221,77%,66%) |
#4f7fe8 |
rgb(79,127,232) |
hsl(221,77%,61%) |
#386fe5 |
rgb(56,111,229) |
hsl(221,77%,56%) |
#225fe2 |
rgb(34,95,226) |
hsl(221,77%,51%) |
#1b54d0 |
rgb(27,84,208) |
hsl(221,77%,46%) |
#184bb9 |
rgb(24,75,185) |
hsl(221,77%,41%) |
#1542a2 |
rgb(21,66,162) |
hsl(221,77%,36%) |
#12398c |
rgb(18,57,140) |
hsl(221,77%,31%) |
#0f3075 |
rgb(15,48,117) |
hsl(221,77%,26%) |
#0c265f |
rgb(12,38,95) |
hsl(221,77%,21%) |
#091d48 |
rgb(9,29,72) |
hsl(221,77%,16%) |
#061432 |
rgb(6,20,50) |
hsl(221,77%,11%) |
#040b1b |
rgb(4,11,27) |
hsl(221,77%,6%) |
#010205 |
rgb(1,2,5) |
hsl(221,77%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BE0E5 |
rgb(59,224,229) |
hsl(182,77%,56%) |
#3B70E5 |
rgb(59,112,229) |
hsl(221,77%,56%) |
#773BE5 |
rgb(119,59,229) |
hsl(261,77%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CABEF |
rgb(140,171,239) |
hsl(221,76%,74%) |
#638FEA |
rgb(99,143,234) |
hsl(220,76%,65%) |
#3B70E5 |
rgb(59,112,229) |
hsl(221,77%,56%) |
#1C57D5 |
rgb(28,87,213) |
hsl(221,77%,47%) |
#1645AC |
rgb(22,69,172) |
hsl(221,77%,38%) |
#113684 |
rgb(17,54,132) |
hsl(221,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B70E5 |
rgb(59,112,229) |
hsl(221,77%,56%) |
#E55C3B |
rgb(229,92,59) |
hsl(12,77%,56%) |
#C5E63B |
rgb(197,230,59) |
hsl(72,77%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B70E5 |
rgb(59,112,229) |
hsl(221,77%,56%) |
#E5B03B |
rgb(229,176,59) |
hsl(41,77%,56%) |
#3BC4E5 |
rgb(59,196,229) |
hsl(192,77%,56%) |
#C5E63B |
rgb(197,230,59) |
hsl(72,77%,57%) |