HEX #684FF2 color — Royal Blue
The color #684FF2 is a dark shade and moderately saturated.
Palette
684FF2 color palette from light to dark
HEX |
RGB |
HSL |
#f7f6fe |
rgb(247,246,254) |
hsl(249,86%,98%) |
#e2defd |
rgb(226,222,253) |
hsl(249,86%,93%) |
#cec6fb |
rgb(206,198,251) |
hsl(249,86%,88%) |
#baaef9 |
rgb(186,174,249) |
hsl(249,86%,83%) |
#a597f7 |
rgb(165,151,247) |
hsl(249,86%,78%) |
#917ff5 |
rgb(145,127,245) |
hsl(249,86%,73%) |
#7c67f4 |
rgb(124,103,244) |
hsl(249,86%,68%) |
#6850f2 |
rgb(104,80,242) |
hsl(249,86%,63%) |
#5338f0 |
rgb(83,56,240) |
hsl(249,86%,58%) |
#3f20ee |
rgb(63,32,238) |
hsl(249,86%,53%) |
#3111e4 |
rgb(49,17,228) |
hsl(249,86%,48%) |
#2c0fcc |
rgb(44,15,204) |
hsl(249,86%,43%) |
#270eb4 |
rgb(39,14,180) |
hsl(249,86%,38%) |
#210c9d |
rgb(33,12,157) |
hsl(249,86%,33%) |
#1c0a85 |
rgb(28,10,133) |
hsl(249,86%,28%) |
#17086d |
rgb(23,8,109) |
hsl(249,86%,23%) |
#120655 |
rgb(18,6,85) |
hsl(249,86%,18%) |
#0d053e |
rgb(13,5,62) |
hsl(249,86%,13%) |
#080326 |
rgb(8,3,38) |
hsl(249,86%,8%) |
#03010e |
rgb(3,1,14) |
hsl(249,86%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#4FA3F2 |
rgb(79,163,242) |
hsl(209,86%,63%) |
#684FF2 |
rgb(104,79,242) |
hsl(249,86%,63%) |
#D44FF2 |
rgb(212,79,242) |
hsl(289,86%,63%) |
Monochromatic colors
HEX |
RGB |
HSL |
#E3DEFC |
rgb(227,222,252) |
hsl(250,83%,93%) |
#BAADF9 |
rgb(186,173,249) |
hsl(250,86%,83%) |
#9180F5 |
rgb(145,128,245) |
hsl(249,85%,73%) |
#684FF2 |
rgb(104,79,242) |
hsl(249,86%,63%) |
#3E1FEE |
rgb(62,31,238) |
hsl(249,86%,53%) |
#2B0FCB |
rgb(43,15,203) |
hsl(249,86%,43%) |
Triad color palettes
HEX |
RGB |
HSL |
#684FF2 |
rgb(104,79,242) |
hsl(249,86%,63%) |
#F2BA4F |
rgb(242,186,79) |
hsl(39,86%,63%) |
#87F24F |
rgb(135,242,79) |
hsl(99,86%,63%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#684FF2 |
rgb(104,79,242) |
hsl(249,86%,63%) |
#D9F24F |
rgb(217,242,79) |
hsl(69,86%,63%) |
#4F87F2 |
rgb(79,135,242) |
hsl(219,86%,63%) |
#87F24F |
rgb(135,242,79) |
hsl(99,86%,63%) |