HEX #3A6BD8 color — Royal Blue
The color #3A6BD8 is a dark shade and moderately saturated.
Palette
3A6BD8 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(221,67%,99%) |
#e5ecfa |
rgb(229,236,250) |
hsl(221,67%,94%) |
#d0dcf6 |
rgb(208,220,246) |
hsl(221,67%,89%) |
#bbccf2 |
rgb(187,204,242) |
hsl(221,67%,84%) |
#a6bced |
rgb(166,188,237) |
hsl(221,67%,79%) |
#90ace9 |
rgb(144,172,233) |
hsl(221,67%,74%) |
#7b9de5 |
rgb(123,157,229) |
hsl(221,67%,69%) |
#668de1 |
rgb(102,141,225) |
hsl(221,67%,64%) |
#507ddc |
rgb(80,125,220) |
hsl(221,67%,59%) |
#3b6dd8 |
rgb(59,109,216) |
hsl(221,67%,54%) |
#295ed1 |
rgb(41,94,209) |
hsl(221,67%,49%) |
#2555bb |
rgb(37,85,187) |
hsl(221,67%,44%) |
#214ba6 |
rgb(33,75,166) |
hsl(221,67%,39%) |
#1d4191 |
rgb(29,65,145) |
hsl(221,67%,34%) |
#18387b |
rgb(24,56,123) |
hsl(221,67%,29%) |
#142e66 |
rgb(20,46,102) |
hsl(221,67%,24%) |
#102551 |
rgb(16,37,81) |
hsl(221,67%,19%) |
#0c1b3c |
rgb(12,27,60) |
hsl(221,67%,14%) |
#081126 |
rgb(8,17,38) |
hsl(221,67%,9%) |
#030811 |
rgb(3,8,17) |
hsl(221,67%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD4D8 |
rgb(58,212,216) |
hsl(182,67%,54%) |
#3A6BD8 |
rgb(58,107,216) |
hsl(221,67%,54%) |
#723BD8 |
rgb(114,59,216) |
hsl(261,67%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83A3E6 |
rgb(131,163,230) |
hsl(221,66%,71%) |
#5E87DF |
rgb(94,135,223) |
hsl(221,67%,62%) |
#3A6BD8 |
rgb(58,107,216) |
hsl(221,67%,54%) |
#2657C0 |
rgb(38,87,192) |
hsl(221,67%,45%) |
#1E459B |
rgb(30,69,155) |
hsl(221,68%,36%) |
#173676 |
rgb(23,54,118) |
hsl(220,67%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A6BD8 |
rgb(58,107,216) |
hsl(221,67%,54%) |
#D8593A |
rgb(216,89,58) |
hsl(12,67%,54%) |
#BAD93A |
rgb(186,217,58) |
hsl(72,68%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A6BD8 |
rgb(58,107,216) |
hsl(221,67%,54%) |
#D8A63A |
rgb(216,166,58) |
hsl(41,67%,54%) |
#3ABAD8 |
rgb(58,186,216) |
hsl(191,67%,54%) |
#BAD93A |
rgb(186,217,58) |
hsl(72,68%,54%) |