HEX #3A6EE7 color — Royal Blue
The color #3A6EE7 is a dark shade and moderately saturated.
Palette
3A6EE7 color palette from light to dark
HEX |
RGB |
HSL |
#f1f5fd |
rgb(241,245,253) |
hsl(222,78%,97%) |
#dbe4fb |
rgb(219,228,251) |
hsl(222,78%,92%) |
#c4d4f8 |
rgb(196,212,248) |
hsl(222,78%,87%) |
#adc3f5 |
rgb(173,195,245) |
hsl(222,78%,82%) |
#97b2f2 |
rgb(151,178,242) |
hsl(222,78%,77%) |
#80a1ef |
rgb(128,161,239) |
hsl(222,78%,72%) |
#6991ec |
rgb(105,145,236) |
hsl(222,78%,67%) |
#5380ea |
rgb(83,128,234) |
hsl(222,78%,62%) |
#3c6fe7 |
rgb(60,111,231) |
hsl(222,78%,57%) |
#255ee4 |
rgb(37,94,228) |
hsl(222,78%,52%) |
#1a52d5 |
rgb(26,82,213) |
hsl(222,78%,47%) |
#184abf |
rgb(24,74,191) |
hsl(222,78%,42%) |
#1541a8 |
rgb(21,65,168) |
hsl(222,78%,37%) |
#123891 |
rgb(18,56,145) |
hsl(222,78%,32%) |
#0f2f7b |
rgb(15,47,123) |
hsl(222,78%,27%) |
#0c2764 |
rgb(12,39,100) |
hsl(222,78%,22%) |
#0a1e4d |
rgb(10,30,77) |
hsl(222,78%,17%) |
#071536 |
rgb(7,21,54) |
hsl(222,78%,12%) |
#040c20 |
rgb(4,12,32) |
hsl(222,78%,7%) |
#010409 |
rgb(1,4,9) |
hsl(222,78%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AE0E7 |
rgb(58,224,231) |
hsl(182,78%,57%) |
#3A6EE7 |
rgb(58,110,231) |
hsl(222,78%,57%) |
#793BE7 |
rgb(121,59,231) |
hsl(262,78%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CABF1 |
rgb(140,171,241) |
hsl(222,78%,75%) |
#638CEC |
rgb(99,140,236) |
hsl(222,78%,66%) |
#3A6EE7 |
rgb(58,110,231) |
hsl(222,78%,57%) |
#1A54D8 |
rgb(26,84,216) |
hsl(222,79%,47%) |
#1545AF |
rgb(21,69,175) |
hsl(221,79%,38%) |
#103385 |
rgb(16,51,133) |
hsl(222,79%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A6EE7 |
rgb(58,110,231) |
hsl(222,78%,57%) |
#E75C3A |
rgb(231,92,58) |
hsl(12,78%,57%) |
#C4E83A |
rgb(196,232,58) |
hsl(72,79%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A6EE7 |
rgb(58,110,231) |
hsl(222,78%,57%) |
#E7B33A |
rgb(231,179,58) |
hsl(42,78%,57%) |
#3AC4E7 |
rgb(58,196,231) |
hsl(192,78%,57%) |
#C4E83A |
rgb(196,232,58) |
hsl(72,79%,57%) |