HEX #3C80E5 color — Royal Blue
The color #3C80E5 is a dark shade and moderately saturated.
Palette
3C80E5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fd |
rgb(242,246,253) |
hsl(216,76%,97%) |
#dbe7fa |
rgb(219,231,250) |
hsl(216,76%,92%) |
#c5d9f7 |
rgb(197,217,247) |
hsl(216,76%,87%) |
#aecaf4 |
rgb(174,202,244) |
hsl(216,76%,82%) |
#98bbf1 |
rgb(152,187,241) |
hsl(216,76%,77%) |
#81adee |
rgb(129,173,238) |
hsl(216,76%,72%) |
#6b9eeb |
rgb(107,158,235) |
hsl(216,76%,67%) |
#548fe8 |
rgb(84,143,232) |
hsl(216,76%,62%) |
#3e81e5 |
rgb(62,129,229) |
hsl(216,76%,57%) |
#2872e2 |
rgb(40,114,226) |
hsl(216,76%,52%) |
#1d66d3 |
rgb(29,102,211) |
hsl(216,76%,47%) |
#1a5bbc |
rgb(26,91,188) |
hsl(216,76%,42%) |
#1750a6 |
rgb(23,80,166) |
hsl(216,76%,37%) |
#144590 |
rgb(20,69,144) |
hsl(216,76%,32%) |
#113a79 |
rgb(17,58,121) |
hsl(216,76%,27%) |
#0d3063 |
rgb(13,48,99) |
hsl(216,76%,22%) |
#0a254c |
rgb(10,37,76) |
hsl(216,76%,17%) |
#071a36 |
rgb(7,26,54) |
hsl(216,76%,12%) |
#040f1f |
rgb(4,15,31) |
hsl(216,76%,7%) |
#010409 |
rgb(1,4,9) |
hsl(216,76%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CE6D9 |
rgb(60,230,217) |
hsl(175,77%,57%) |
#3C80E5 |
rgb(60,128,229) |
hsl(216,76%,57%) |
#683DE5 |
rgb(104,61,229) |
hsl(255,76%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8DB5EF |
rgb(141,181,239) |
hsl(216,75%,75%) |
#649CEA |
rgb(100,156,234) |
hsl(215,76%,65%) |
#3C80E5 |
rgb(60,128,229) |
hsl(216,76%,57%) |
#1C66D6 |
rgb(28,102,214) |
hsl(216,77%,47%) |
#1754AD |
rgb(23,84,173) |
hsl(216,77%,38%) |
#114084 |
rgb(17,64,132) |
hsl(215,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C80E5 |
rgb(60,128,229) |
hsl(216,76%,57%) |
#E54D3C |
rgb(229,77,60) |
hsl(6,76%,57%) |
#D4E63C |
rgb(212,230,60) |
hsl(66,77%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C80E5 |
rgb(60,128,229) |
hsl(216,76%,57%) |
#E5A13C |
rgb(229,161,60) |
hsl(36,76%,57%) |
#3CD4E5 |
rgb(60,212,229) |
hsl(186,76%,57%) |
#D4E63C |
rgb(212,230,60) |
hsl(66,77%,57%) |