HEX #3B70D8 color — Royal Blue
The color #3B70D8 is a dark shade and moderately saturated.
Palette
3B70D8 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(220,67%,99%) |
#e5ecfa |
rgb(229,236,250) |
hsl(220,67%,94%) |
#d0ddf6 |
rgb(208,221,246) |
hsl(220,67%,89%) |
#bbcdf2 |
rgb(187,205,242) |
hsl(220,67%,84%) |
#a6bded |
rgb(166,189,237) |
hsl(220,67%,79%) |
#90aee9 |
rgb(144,174,233) |
hsl(220,67%,74%) |
#7b9ee5 |
rgb(123,158,229) |
hsl(220,67%,69%) |
#668fe1 |
rgb(102,143,225) |
hsl(220,67%,64%) |
#507fdc |
rgb(80,127,220) |
hsl(220,67%,59%) |
#3b70d8 |
rgb(59,112,216) |
hsl(220,67%,54%) |
#2961d1 |
rgb(41,97,209) |
hsl(220,67%,49%) |
#2557bb |
rgb(37,87,187) |
hsl(220,67%,44%) |
#214da6 |
rgb(33,77,166) |
hsl(220,67%,39%) |
#1d4391 |
rgb(29,67,145) |
hsl(220,67%,34%) |
#18397b |
rgb(24,57,123) |
hsl(220,67%,29%) |
#143066 |
rgb(20,48,102) |
hsl(220,67%,24%) |
#102651 |
rgb(16,38,81) |
hsl(220,67%,19%) |
#0c1c3c |
rgb(12,28,60) |
hsl(220,67%,14%) |
#081226 |
rgb(8,18,38) |
hsl(220,67%,9%) |
#030811 |
rgb(3,8,17) |
hsl(220,67%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BD9D7 |
rgb(59,217,215) |
hsl(179,68%,54%) |
#3B70D8 |
rgb(59,112,216) |
hsl(220,67%,54%) |
#6E3BD8 |
rgb(110,59,216) |
hsl(259,67%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#84A6E6 |
rgb(132,166,230) |
hsl(219,66%,71%) |
#5F8ADF |
rgb(95,138,223) |
hsl(220,67%,62%) |
#3B70D8 |
rgb(59,112,216) |
hsl(220,67%,54%) |
#2659C0 |
rgb(38,89,192) |
hsl(220,67%,45%) |
#1F4A9B |
rgb(31,74,155) |
hsl(219,67%,36%) |
#173877 |
rgb(23,56,119) |
hsl(219,68%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B70D8 |
rgb(59,112,216) |
hsl(220,67%,54%) |
#D8543B |
rgb(216,84,59) |
hsl(10,67%,54%) |
#BED93B |
rgb(190,217,59) |
hsl(70,68%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B70D8 |
rgb(59,112,216) |
hsl(220,67%,54%) |
#D8A33B |
rgb(216,163,59) |
hsl(40,67%,54%) |
#3BBFD8 |
rgb(59,191,216) |
hsl(190,67%,54%) |
#BED93B |
rgb(190,217,59) |
hsl(70,68%,54%) |