HEX #3A6BE0 color — Royal Blue
The color #3A6BE0 is a dark shade and moderately saturated.
Palette
3A6BE0 color palette from light to dark
HEX |
RGB |
HSL |
#e9effc |
rgb(233,239,252) |
hsl(222,73%,95%) |
#d3def8 |
rgb(211,222,248) |
hsl(222,73%,90%) |
#bdcef5 |
rgb(189,206,245) |
hsl(222,73%,85%) |
#a7bdf1 |
rgb(167,189,241) |
hsl(222,73%,80%) |
#91adee |
rgb(145,173,238) |
hsl(222,73%,75%) |
#7b9cea |
rgb(123,156,234) |
hsl(222,73%,70%) |
#658ce7 |
rgb(101,140,231) |
hsl(222,73%,65%) |
#4f7be3 |
rgb(79,123,227) |
hsl(222,73%,60%) |
#386be0 |
rgb(56,107,224) |
hsl(222,73%,55%) |
#225add |
rgb(34,90,221) |
hsl(222,73%,50%) |
#1f51c7 |
rgb(31,81,199) |
hsl(222,73%,45%) |
#1c48b0 |
rgb(28,72,176) |
hsl(222,73%,40%) |
#183f9a |
rgb(24,63,154) |
hsl(222,73%,35%) |
#153684 |
rgb(21,54,132) |
hsl(222,73%,30%) |
#112d6e |
rgb(17,45,110) |
hsl(222,73%,25%) |
#0e2458 |
rgb(14,36,88) |
hsl(222,73%,20%) |
#0a1b42 |
rgb(10,27,66) |
hsl(222,73%,15%) |
#07122c |
rgb(7,18,44) |
hsl(222,73%,10%) |
#030916 |
rgb(3,9,22) |
hsl(222,73%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD9E0 |
rgb(58,217,224) |
hsl(183,73%,55%) |
#3A6BE0 |
rgb(58,107,224) |
hsl(222,73%,55%) |
#773BE0 |
rgb(119,59,224) |
hsl(262,73%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#87A6EC |
rgb(135,166,236) |
hsl(222,73%,73%) |
#6087E6 |
rgb(96,135,230) |
hsl(223,73%,64%) |
#3A6BE0 |
rgb(58,107,224) |
hsl(222,73%,55%) |
#2054CC |
rgb(32,84,204) |
hsl(222,73%,46%) |
#1A42A5 |
rgb(26,66,165) |
hsl(223,73%,37%) |
#13337E |
rgb(19,51,126) |
hsl(222,74%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A6BE0 |
rgb(58,107,224) |
hsl(222,73%,55%) |
#E05C3A |
rgb(224,92,58) |
hsl(12,73%,55%) |
#BEE03A |
rgb(190,224,58) |
hsl(72,73%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A6BE0 |
rgb(58,107,224) |
hsl(222,73%,55%) |
#E0B03A |
rgb(224,176,58) |
hsl(43,73%,55%) |
#3ABFE0 |
rgb(58,191,224) |
hsl(192,73%,55%) |
#BEE03A |
rgb(190,224,58) |
hsl(72,73%,55%) |