HEX #3A6BDD color — Royal Blue
The color #3A6BDD is a dark shade and moderately saturated.
Palette
3A6BDD color palette from light to dark
HEX |
RGB |
HSL |
#e9effb |
rgb(233,239,251) |
hsl(222,71%,95%) |
#d3def8 |
rgb(211,222,248) |
hsl(222,71%,90%) |
#becef4 |
rgb(190,206,244) |
hsl(222,71%,85%) |
#a8bef0 |
rgb(168,190,240) |
hsl(222,71%,80%) |
#92aded |
rgb(146,173,237) |
hsl(222,71%,75%) |
#7c9de9 |
rgb(124,157,233) |
hsl(222,71%,70%) |
#668ce5 |
rgb(102,140,229) |
hsl(222,71%,65%) |
#517ce1 |
rgb(81,124,225) |
hsl(222,71%,60%) |
#3b6cde |
rgb(59,108,222) |
hsl(222,71%,55%) |
#255bda |
rgb(37,91,218) |
hsl(222,71%,50%) |
#2152c4 |
rgb(33,82,196) |
hsl(222,71%,45%) |
#1e49ae |
rgb(30,73,174) |
hsl(222,71%,40%) |
#1a4099 |
rgb(26,64,153) |
hsl(222,71%,35%) |
#163783 |
rgb(22,55,131) |
hsl(222,71%,30%) |
#122e6d |
rgb(18,46,109) |
hsl(222,71%,25%) |
#0f2557 |
rgb(15,37,87) |
hsl(222,71%,20%) |
#0b1b41 |
rgb(11,27,65) |
hsl(222,71%,15%) |
#07122c |
rgb(7,18,44) |
hsl(222,71%,10%) |
#040916 |
rgb(4,9,22) |
hsl(222,71%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD9DD |
rgb(58,217,221) |
hsl(181,71%,55%) |
#3A6BDD |
rgb(58,107,221) |
hsl(222,71%,55%) |
#753BDD |
rgb(117,59,221) |
hsl(261,70%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#86A3EA |
rgb(134,163,234) |
hsl(223,70%,72%) |
#6087E3 |
rgb(96,135,227) |
hsl(222,70%,63%) |
#3A6BDD |
rgb(58,107,221) |
hsl(222,71%,55%) |
#2254C7 |
rgb(34,84,199) |
hsl(222,71%,46%) |
#1B45A1 |
rgb(27,69,161) |
hsl(221,71%,37%) |
#15337B |
rgb(21,51,123) |
hsl(222,71%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A6BDD |
rgb(58,107,221) |
hsl(222,71%,55%) |
#DD593A |
rgb(221,89,58) |
hsl(11,71%,55%) |
#BCDE3A |
rgb(188,222,58) |
hsl(72,71%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A6BDD |
rgb(58,107,221) |
hsl(222,71%,55%) |
#DDAB3A |
rgb(221,171,58) |
hsl(42,71%,55%) |
#3ABDDD |
rgb(58,189,221) |
hsl(192,71%,55%) |
#BCDE3A |
rgb(188,222,58) |
hsl(72,71%,55%) |