HEX #3C7AE6 color — Royal Blue
The color #3C7AE6 is a dark shade and moderately saturated.
Palette
3C7AE6 color palette from light to dark
HEX |
RGB |
HSL |
#f1f6fd |
rgb(241,246,253) |
hsl(218,77%,97%) |
#dbe6fa |
rgb(219,230,250) |
hsl(218,77%,92%) |
#c4d7f7 |
rgb(196,215,247) |
hsl(218,77%,87%) |
#aec8f4 |
rgb(174,200,244) |
hsl(218,77%,82%) |
#97b8f2 |
rgb(151,184,242) |
hsl(218,77%,77%) |
#81a9ef |
rgb(129,169,239) |
hsl(218,77%,72%) |
#6a9aec |
rgb(106,154,236) |
hsl(218,77%,67%) |
#538ae9 |
rgb(83,138,233) |
hsl(218,77%,62%) |
#3d7be6 |
rgb(61,123,230) |
hsl(218,77%,57%) |
#266be3 |
rgb(38,107,227) |
hsl(218,77%,52%) |
#1c5fd4 |
rgb(28,95,212) |
hsl(218,77%,47%) |
#1955be |
rgb(25,85,190) |
hsl(218,77%,42%) |
#164ba7 |
rgb(22,75,167) |
hsl(218,77%,37%) |
#134190 |
rgb(19,65,144) |
hsl(218,77%,32%) |
#10377a |
rgb(16,55,122) |
hsl(218,77%,27%) |
#0d2d63 |
rgb(13,45,99) |
hsl(218,77%,22%) |
#0a224d |
rgb(10,34,77) |
hsl(218,77%,17%) |
#071836 |
rgb(7,24,54) |
hsl(218,77%,12%) |
#040e20 |
rgb(4,14,32) |
hsl(218,77%,7%) |
#010409 |
rgb(1,4,9) |
hsl(218,77%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CE6E0 |
rgb(60,230,224) |
hsl(178,77%,57%) |
#3C7AE6 |
rgb(60,122,230) |
hsl(218,77%,57%) |
#6F3DE6 |
rgb(111,61,230) |
hsl(258,77%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8EB3F0 |
rgb(142,179,240) |
hsl(217,77%,75%) |
#6596EB |
rgb(101,150,235) |
hsl(218,77%,66%) |
#3C7AE6 |
rgb(60,122,230) |
hsl(218,77%,57%) |
#1B61D7 |
rgb(27,97,215) |
hsl(218,78%,47%) |
#164FAE |
rgb(22,79,174) |
hsl(218,78%,38%) |
#113B85 |
rgb(17,59,133) |
hsl(218,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C7AE6 |
rgb(60,122,230) |
hsl(218,77%,57%) |
#E6543C |
rgb(230,84,60) |
hsl(8,77%,57%) |
#CFE63C |
rgb(207,230,60) |
hsl(68,77%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C7AE6 |
rgb(60,122,230) |
hsl(218,77%,57%) |
#E6A83C |
rgb(230,168,60) |
hsl(38,77%,57%) |
#3CCFE6 |
rgb(60,207,230) |
hsl(188,77%,57%) |
#CFE63C |
rgb(207,230,60) |
hsl(68,77%,57%) |