HEX #3C87E5 color — Royal Blue
The color #3C87E5 is a light shade and moderately saturated.
Palette
3C87E5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fd |
rgb(242,247,253) |
hsl(213,76%,97%) |
#dbe9fa |
rgb(219,233,250) |
hsl(213,76%,92%) |
#c5dbf7 |
rgb(197,219,247) |
hsl(213,76%,87%) |
#aecef4 |
rgb(174,206,244) |
hsl(213,76%,82%) |
#98c0f1 |
rgb(152,192,241) |
hsl(213,76%,77%) |
#81b2ee |
rgb(129,178,238) |
hsl(213,76%,72%) |
#6ba4eb |
rgb(107,164,235) |
hsl(213,76%,67%) |
#5497e8 |
rgb(84,151,232) |
hsl(213,76%,62%) |
#3e89e5 |
rgb(62,137,229) |
hsl(213,76%,57%) |
#287be2 |
rgb(40,123,226) |
hsl(213,76%,52%) |
#1d6fd3 |
rgb(29,111,211) |
hsl(213,76%,47%) |
#1a63bc |
rgb(26,99,188) |
hsl(213,76%,42%) |
#1757a6 |
rgb(23,87,166) |
hsl(213,76%,37%) |
#144b90 |
rgb(20,75,144) |
hsl(213,76%,32%) |
#114079 |
rgb(17,64,121) |
hsl(213,76%,27%) |
#0d3463 |
rgb(13,52,99) |
hsl(213,76%,22%) |
#0a284c |
rgb(10,40,76) |
hsl(213,76%,17%) |
#071c36 |
rgb(7,28,54) |
hsl(213,76%,12%) |
#04101f |
rgb(4,16,31) |
hsl(213,76%,7%) |
#010509 |
rgb(1,5,9) |
hsl(213,76%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CE6D2 |
rgb(60,230,210) |
hsl(173,77%,57%) |
#3C87E5 |
rgb(60,135,229) |
hsl(213,76%,57%) |
#613DE5 |
rgb(97,61,229) |
hsl(253,76%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8DBAEF |
rgb(141,186,239) |
hsl(212,75%,75%) |
#64A1EA |
rgb(100,161,234) |
hsl(213,76%,65%) |
#3C87E5 |
rgb(60,135,229) |
hsl(213,76%,57%) |
#1C70D6 |
rgb(28,112,214) |
hsl(213,77%,47%) |
#1759AD |
rgb(23,89,173) |
hsl(214,77%,38%) |
#114584 |
rgb(17,69,132) |
hsl(213,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C87E5 |
rgb(60,135,229) |
hsl(213,76%,57%) |
#E5453C |
rgb(229,69,60) |
hsl(3,76%,57%) |
#DBE63C |
rgb(219,230,60) |
hsl(64,77%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C87E5 |
rgb(60,135,229) |
hsl(213,76%,57%) |
#E5993C |
rgb(229,153,60) |
hsl(33,76%,57%) |
#3CDBE5 |
rgb(60,219,229) |
hsl(184,76%,57%) |
#DBE63C |
rgb(219,230,60) |
hsl(64,77%,57%) |