HEX #3C8AE3 color — Royal Blue
The color #3C8AE3 is a light shade and moderately saturated.
Palette
3C8AE3 color palette from light to dark
HEX |
RGB |
HSL |
#edf4fc |
rgb(237,244,252) |
hsl(212,75%,96%) |
#d7e7f9 |
rgb(215,231,249) |
hsl(212,75%,91%) |
#c1daf6 |
rgb(193,218,246) |
hsl(212,75%,86%) |
#aaccf3 |
rgb(170,204,243) |
hsl(212,75%,81%) |
#94bff0 |
rgb(148,191,240) |
hsl(212,75%,76%) |
#7eb1ed |
rgb(126,177,237) |
hsl(212,75%,71%) |
#67a4e9 |
rgb(103,164,233) |
hsl(212,75%,66%) |
#5197e6 |
rgb(81,151,230) |
hsl(212,75%,61%) |
#3b89e3 |
rgb(59,137,227) |
hsl(212,75%,56%) |
#247ce0 |
rgb(36,124,224) |
hsl(212,75%,51%) |
#1d6fcd |
rgb(29,111,205) |
hsl(212,75%,46%) |
#1a63b7 |
rgb(26,99,183) |
hsl(212,75%,41%) |
#1757a1 |
rgb(23,87,161) |
hsl(212,75%,36%) |
#144b8a |
rgb(20,75,138) |
hsl(212,75%,31%) |
#113f74 |
rgb(17,63,116) |
hsl(212,75%,26%) |
#0d335e |
rgb(13,51,94) |
hsl(212,75%,21%) |
#0a2747 |
rgb(10,39,71) |
hsl(212,75%,16%) |
#071b31 |
rgb(7,27,49) |
hsl(212,75%,11%) |
#040f1b |
rgb(4,15,27) |
hsl(212,75%,6%) |
#010204 |
rgb(1,2,4) |
hsl(212,75%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CE3CC |
rgb(60,227,204) |
hsl(172,75%,56%) |
#3C8AE3 |
rgb(60,138,227) |
hsl(212,75%,56%) |
#5D3DE3 |
rgb(93,61,227) |
hsl(252,75%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CBAEE |
rgb(140,186,238) |
hsl(212,74%,74%) |
#64A3E8 |
rgb(100,163,232) |
hsl(211,74%,65%) |
#3C8AE3 |
rgb(60,138,227) |
hsl(212,75%,56%) |
#1E73D2 |
rgb(30,115,210) |
hsl(212,75%,47%) |
#185CAA |
rgb(24,92,170) |
hsl(212,75%,38%) |
#124782 |
rgb(18,71,130) |
hsl(212,76%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C8AE3 |
rgb(60,138,227) |
hsl(212,75%,56%) |
#E3423C |
rgb(227,66,60) |
hsl(2,75%,56%) |
#DDE33C |
rgb(221,227,60) |
hsl(62,75%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C8AE3 |
rgb(60,138,227) |
hsl(212,75%,56%) |
#E3943C |
rgb(227,148,60) |
hsl(32,75%,56%) |
#3CDEE3 |
rgb(60,222,227) |
hsl(182,75%,56%) |
#DDE33C |
rgb(221,227,60) |
hsl(62,75%,56%) |