HEX #3A6BDA color — Royal Blue
The color #3A6BDA is a dark shade and moderately saturated.
Palette
3A6BDA color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(222,68%,99%) |
#e5ecfa |
rgb(229,236,250) |
hsl(222,68%,94%) |
#d0dbf6 |
rgb(208,219,246) |
hsl(222,68%,89%) |
#bacbf2 |
rgb(186,203,242) |
hsl(222,68%,84%) |
#a5bbee |
rgb(165,187,238) |
hsl(222,68%,79%) |
#90abea |
rgb(144,171,234) |
hsl(222,68%,74%) |
#7a9ae6 |
rgb(122,154,230) |
hsl(222,68%,69%) |
#658ae2 |
rgb(101,138,226) |
hsl(222,68%,64%) |
#4f7ade |
rgb(79,122,222) |
hsl(222,68%,59%) |
#3a6ad9 |
rgb(58,106,217) |
hsl(222,68%,54%) |
#285bd2 |
rgb(40,91,210) |
hsl(222,68%,49%) |
#2452bc |
rgb(36,82,188) |
hsl(222,68%,44%) |
#2048a7 |
rgb(32,72,167) |
hsl(222,68%,39%) |
#1c3f92 |
rgb(28,63,146) |
hsl(222,68%,34%) |
#18367c |
rgb(24,54,124) |
hsl(222,68%,29%) |
#142d67 |
rgb(20,45,103) |
hsl(222,68%,24%) |
#102351 |
rgb(16,35,81) |
hsl(222,68%,19%) |
#0b1a3c |
rgb(11,26,60) |
hsl(222,68%,14%) |
#071127 |
rgb(7,17,39) |
hsl(222,68%,9%) |
#030711 |
rgb(3,7,17) |
hsl(222,68%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD6DA |
rgb(58,214,218) |
hsl(182,68%,54%) |
#3A6BDA |
rgb(58,107,218) |
hsl(222,68%,54%) |
#733BDA |
rgb(115,59,218) |
hsl(261,68%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#84A3E7 |
rgb(132,163,231) |
hsl(221,67%,71%) |
#5F87E0 |
rgb(95,135,224) |
hsl(221,68%,63%) |
#3A6BDA |
rgb(58,107,218) |
hsl(222,68%,54%) |
#2454C3 |
rgb(36,84,195) |
hsl(222,69%,45%) |
#1D459E |
rgb(29,69,158) |
hsl(221,69%,37%) |
#163678 |
rgb(22,54,120) |
hsl(220,69%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A6BDA |
rgb(58,107,218) |
hsl(222,68%,54%) |
#DA593A |
rgb(218,89,58) |
hsl(12,68%,54%) |
#BBD93A |
rgb(187,217,58) |
hsl(71,68%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A6BDA |
rgb(58,107,218) |
hsl(222,68%,54%) |
#DAA83A |
rgb(218,168,58) |
hsl(41,68%,54%) |
#3ABADA |
rgb(58,186,218) |
hsl(192,68%,54%) |
#BBD93A |
rgb(187,217,58) |
hsl(71,68%,54%) |