HEX #684DE5 color — Royal Blue
The color #684DE5 is a dark shade and moderately saturated.
Palette
684DE5 color palette from light to dark
| HEX |
RGB |
HSL |
| #ece9fc |
rgb(236,233,252) |
hsl(251,75%,95%) |
| #d9d2f9 |
rgb(217,210,249) |
hsl(251,75%,90%) |
| #c7bcf5 |
rgb(199,188,245) |
hsl(251,75%,85%) |
| #b4a6f2 |
rgb(180,166,242) |
hsl(251,75%,80%) |
| #a18fef |
rgb(161,143,239) |
hsl(251,75%,75%) |
| #8e79ec |
rgb(142,121,236) |
hsl(251,75%,70%) |
| #7b63e9 |
rgb(123,99,233) |
hsl(251,75%,65%) |
| #694de6 |
rgb(105,77,230) |
hsl(251,75%,60%) |
| #5636e2 |
rgb(86,54,226) |
hsl(251,75%,55%) |
| #4320df |
rgb(67,32,223) |
hsl(251,75%,50%) |
| #3c1dc9 |
rgb(60,29,201) |
hsl(251,75%,45%) |
| #361ab3 |
rgb(54,26,179) |
hsl(251,75%,40%) |
| #2f169c |
rgb(47,22,156) |
hsl(251,75%,35%) |
| #281386 |
rgb(40,19,134) |
hsl(251,75%,30%) |
| #211070 |
rgb(33,16,112) |
hsl(251,75%,25%) |
| #1b0d59 |
rgb(27,13,89) |
hsl(251,75%,20%) |
| #140a43 |
rgb(20,10,67) |
hsl(251,75%,15%) |
| #0d062d |
rgb(13,6,45) |
hsl(251,75%,10%) |
| #070316 |
rgb(7,3,22) |
hsl(251,75%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #4D96E5 |
rgb(77,150,229) |
hsl(211,75%,60%) |
| #684DE5 |
rgb(104,77,229) |
hsl(251,75%,60%) |
| #CD4DE5 |
rgb(205,77,229) |
hsl(291,75%,60%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #D4CCF7 |
rgb(212,204,247) |
hsl(251,73%,88%) |
| #B0A3F1 |
rgb(176,163,241) |
hsl(250,74%,79%) |
| #8C78EB |
rgb(140,120,235) |
hsl(250,74%,70%) |
| #684DE5 |
rgb(104,77,229) |
hsl(251,75%,60%) |
| #4321DE |
rgb(67,33,222) |
hsl(251,74%,50%) |
| #361AB5 |
rgb(54,26,181) |
hsl(251,75%,41%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #684DE5 |
rgb(104,77,229) |
hsl(251,75%,60%) |
| #E5B54D |
rgb(229,181,77) |
hsl(41,75%,60%) |
| #7EE64D |
rgb(126,230,77) |
hsl(101,75%,60%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #684DE5 |
rgb(104,77,229) |
hsl(251,75%,60%) |
| #CAE64D |
rgb(202,230,77) |
hsl(71,75%,60%) |
| #4D7DE5 |
rgb(77,125,229) |
hsl(221,75%,60%) |
| #7EE64D |
rgb(126,230,77) |
hsl(101,75%,60%) |
