HEX #3C8AE5 color — Royal Blue
The color #3C8AE5 is a light shade and moderately saturated.
Palette
3C8AE5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fd |
rgb(242,247,253) |
hsl(212,76%,97%) |
#dbeafa |
rgb(219,234,250) |
hsl(212,76%,92%) |
#c5dcf7 |
rgb(197,220,247) |
hsl(212,76%,87%) |
#aecff4 |
rgb(174,207,244) |
hsl(212,76%,82%) |
#98c1f1 |
rgb(152,193,241) |
hsl(212,76%,77%) |
#81b4ee |
rgb(129,180,238) |
hsl(212,76%,72%) |
#6ba7eb |
rgb(107,167,235) |
hsl(212,76%,67%) |
#5499e8 |
rgb(84,153,232) |
hsl(212,76%,62%) |
#3e8ce5 |
rgb(62,140,229) |
hsl(212,76%,57%) |
#287ee2 |
rgb(40,126,226) |
hsl(212,76%,52%) |
#1d72d3 |
rgb(29,114,211) |
hsl(212,76%,47%) |
#1a66bc |
rgb(26,102,188) |
hsl(212,76%,42%) |
#175aa6 |
rgb(23,90,166) |
hsl(212,76%,37%) |
#144d90 |
rgb(20,77,144) |
hsl(212,76%,32%) |
#114179 |
rgb(17,65,121) |
hsl(212,76%,27%) |
#0d3563 |
rgb(13,53,99) |
hsl(212,76%,22%) |
#0a294c |
rgb(10,41,76) |
hsl(212,76%,17%) |
#071d36 |
rgb(7,29,54) |
hsl(212,76%,12%) |
#04111f |
rgb(4,17,31) |
hsl(212,76%,7%) |
#010509 |
rgb(1,5,9) |
hsl(212,76%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CE6CF |
rgb(60,230,207) |
hsl(172,77%,57%) |
#3C8AE5 |
rgb(60,138,229) |
hsl(212,76%,57%) |
#5E3DE5 |
rgb(94,61,229) |
hsl(252,76%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8DBAEF |
rgb(141,186,239) |
hsl(212,75%,75%) |
#64A3EA |
rgb(100,163,234) |
hsl(212,76%,65%) |
#3C8AE5 |
rgb(60,138,229) |
hsl(212,76%,57%) |
#1C73D6 |
rgb(28,115,214) |
hsl(212,77%,47%) |
#175CAD |
rgb(23,92,173) |
hsl(212,77%,38%) |
#114784 |
rgb(17,71,132) |
hsl(212,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C8AE5 |
rgb(60,138,229) |
hsl(212,76%,57%) |
#E5423C |
rgb(229,66,60) |
hsl(2,76%,57%) |
#DEE63C |
rgb(222,230,60) |
hsl(63,77%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C8AE5 |
rgb(60,138,229) |
hsl(212,76%,57%) |
#E5963C |
rgb(229,150,60) |
hsl(32,76%,57%) |
#3CDEE5 |
rgb(60,222,229) |
hsl(182,76%,57%) |
#DEE63C |
rgb(222,230,60) |
hsl(63,77%,57%) |