HEX #3A8CE0 color — Royal Blue
The color #3A8CE0 is a light shade and moderately saturated.
Palette
3A8CE0 color palette from light to dark
HEX |
RGB |
HSL |
#e9f2fc |
rgb(233,242,252) |
hsl(210,73%,95%) |
#d3e6f8 |
rgb(211,230,248) |
hsl(210,73%,90%) |
#bdd9f5 |
rgb(189,217,245) |
hsl(210,73%,85%) |
#a7ccf1 |
rgb(167,204,241) |
hsl(210,73%,80%) |
#91bfee |
rgb(145,191,238) |
hsl(210,73%,75%) |
#7bb3ea |
rgb(123,179,234) |
hsl(210,73%,70%) |
#65a6e7 |
rgb(101,166,231) |
hsl(210,73%,65%) |
#4f99e3 |
rgb(79,153,227) |
hsl(210,73%,60%) |
#388ce0 |
rgb(56,140,224) |
hsl(210,73%,55%) |
#2280dd |
rgb(34,128,221) |
hsl(210,73%,50%) |
#1f73c7 |
rgb(31,115,199) |
hsl(210,73%,45%) |
#1c66b0 |
rgb(28,102,176) |
hsl(210,73%,40%) |
#18599a |
rgb(24,89,154) |
hsl(210,73%,35%) |
#154c84 |
rgb(21,76,132) |
hsl(210,73%,30%) |
#11406e |
rgb(17,64,110) |
hsl(210,73%,25%) |
#0e3358 |
rgb(14,51,88) |
hsl(210,73%,20%) |
#0a2642 |
rgb(10,38,66) |
hsl(210,73%,15%) |
#071a2c |
rgb(7,26,44) |
hsl(210,73%,10%) |
#030d16 |
rgb(3,13,22) |
hsl(210,73%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AE0C5 |
rgb(58,224,197) |
hsl(170,73%,55%) |
#3A8CE0 |
rgb(58,140,224) |
hsl(210,73%,55%) |
#563BE0 |
rgb(86,59,224) |
hsl(250,73%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#87BAEC |
rgb(135,186,236) |
hsl(210,73%,73%) |
#60A3E6 |
rgb(96,163,230) |
hsl(210,73%,64%) |
#3A8CE0 |
rgb(58,140,224) |
hsl(210,73%,55%) |
#2075CC |
rgb(32,117,204) |
hsl(210,73%,46%) |
#1A5EA5 |
rgb(26,94,165) |
hsl(211,73%,37%) |
#134A7E |
rgb(19,74,126) |
hsl(209,74%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A8CE0 |
rgb(58,140,224) |
hsl(210,73%,55%) |
#E03B3A |
rgb(224,59,58) |
hsl(0,73%,55%) |
#DFE03A |
rgb(223,224,58) |
hsl(60,73%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A8CE0 |
rgb(58,140,224) |
hsl(210,73%,55%) |
#E08F3A |
rgb(224,143,58) |
hsl(31,73%,55%) |
#3ADEE0 |
rgb(58,222,224) |
hsl(181,73%,55%) |
#DFE03A |
rgb(223,224,58) |
hsl(60,73%,55%) |