HEX #684DF1 color — Royal Blue
The color #684DF1 is a dark shade and moderately saturated.
Palette
684DF1 color palette from light to dark
HEX |
RGB |
HSL |
#f3f1fe |
rgb(243,241,254) |
hsl(250,85%,97%) |
#dfd9fc |
rgb(223,217,252) |
hsl(250,85%,92%) |
#cbc2fa |
rgb(203,194,250) |
hsl(250,85%,87%) |
#b7aaf8 |
rgb(183,170,248) |
hsl(250,85%,82%) |
#a392f6 |
rgb(163,146,246) |
hsl(250,85%,77%) |
#8f7bf4 |
rgb(143,123,244) |
hsl(250,85%,72%) |
#7b63f2 |
rgb(123,99,242) |
hsl(250,85%,67%) |
#674cf0 |
rgb(103,76,240) |
hsl(250,85%,62%) |
#5334ef |
rgb(83,52,239) |
hsl(250,85%,57%) |
#3f1ded |
rgb(63,29,237) |
hsl(250,85%,52%) |
#3412de |
rgb(52,18,222) |
hsl(250,85%,47%) |
#2e10c6 |
rgb(46,16,198) |
hsl(250,85%,42%) |
#290eaf |
rgb(41,14,175) |
hsl(250,85%,37%) |
#230c97 |
rgb(35,12,151) |
hsl(250,85%,32%) |
#1e0a7f |
rgb(30,10,127) |
hsl(250,85%,27%) |
#180868 |
rgb(24,8,104) |
hsl(250,85%,22%) |
#130750 |
rgb(19,7,80) |
hsl(250,85%,17%) |
#0d0539 |
rgb(13,5,57) |
hsl(250,85%,12%) |
#080321 |
rgb(8,3,33) |
hsl(250,85%,7%) |
#020109 |
rgb(2,1,9) |
hsl(250,85%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#4D9EF1 |
rgb(77,158,241) |
hsl(210,85%,62%) |
#684DF1 |
rgb(104,77,241) |
hsl(250,85%,62%) |
#D54DF1 |
rgb(213,77,241) |
hsl(290,85%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#E0DBFC |
rgb(224,219,252) |
hsl(249,85%,92%) |
#B8ABF8 |
rgb(184,171,248) |
hsl(250,85%,82%) |
#907DF4 |
rgb(144,125,244) |
hsl(250,84%,72%) |
#684DF1 |
rgb(104,77,241) |
hsl(250,85%,62%) |
#3F1FED |
rgb(63,31,237) |
hsl(249,85%,53%) |
#2E0FC8 |
rgb(46,15,200) |
hsl(250,86%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#684DF1 |
rgb(104,77,241) |
hsl(250,85%,62%) |
#F1BA4D |
rgb(241,186,77) |
hsl(40,85%,62%) |
#84F24D |
rgb(132,242,77) |
hsl(100,86%,63%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#684DF1 |
rgb(104,77,241) |
hsl(250,85%,62%) |
#D6F24D |
rgb(214,242,77) |
hsl(70,86%,63%) |
#4D85F1 |
rgb(77,133,241) |
hsl(220,85%,62%) |
#84F24D |
rgb(132,242,77) |
hsl(100,86%,63%) |