HEX #684DE4 color — Royal Blue
The color #684DE4 is a dark shade and moderately saturated.
Palette
684DE4 color palette from light to dark
| HEX |
RGB |
HSL |
| #ece9fc |
rgb(236,233,252) |
hsl(251,74%,95%) |
| #dad3f8 |
rgb(218,211,248) |
hsl(251,74%,90%) |
| #c7bcf5 |
rgb(199,188,245) |
hsl(251,74%,85%) |
| #b4a6f2 |
rgb(180,166,242) |
hsl(251,74%,80%) |
| #a190ee |
rgb(161,144,238) |
hsl(251,74%,75%) |
| #8f7aeb |
rgb(143,122,235) |
hsl(251,74%,70%) |
| #7c64e8 |
rgb(124,100,232) |
hsl(251,74%,65%) |
| #694ee4 |
rgb(105,78,228) |
hsl(251,74%,60%) |
| #5637e1 |
rgb(86,55,225) |
hsl(251,74%,55%) |
| #4421de |
rgb(68,33,222) |
hsl(251,74%,50%) |
| #3d1ec8 |
rgb(61,30,200) |
hsl(251,74%,45%) |
| #361bb1 |
rgb(54,27,177) |
hsl(251,74%,40%) |
| #2f179b |
rgb(47,23,155) |
hsl(251,74%,35%) |
| #291485 |
rgb(41,20,133) |
hsl(251,74%,30%) |
| #22116f |
rgb(34,17,111) |
hsl(251,74%,25%) |
| #1b0d59 |
rgb(27,13,89) |
hsl(251,74%,20%) |
| #140a43 |
rgb(20,10,67) |
hsl(251,74%,15%) |
| #0e072c |
rgb(14,7,44) |
hsl(251,74%,10%) |
| #070316 |
rgb(7,3,22) |
hsl(251,74%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #4D96E4 |
rgb(77,150,228) |
hsl(211,74%,60%) |
| #684DE4 |
rgb(104,77,228) |
hsl(251,74%,60%) |
| #CC4DE4 |
rgb(204,77,228) |
hsl(290,74%,60%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #AFA1F0 |
rgb(175,161,240) |
hsl(251,72%,79%) |
| #8B78EA |
rgb(139,120,234) |
hsl(250,73%,69%) |
| #684DE4 |
rgb(104,77,228) |
hsl(251,74%,60%) |
| #4424DD |
rgb(68,36,221) |
hsl(250,73%,50%) |
| #361CB4 |
rgb(54,28,180) |
hsl(250,73%,41%) |
| #291489 |
rgb(41,20,137) |
hsl(251,75%,31%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #684DE4 |
rgb(104,77,228) |
hsl(251,74%,60%) |
| #E4B34D |
rgb(228,179,77) |
hsl(41,74%,60%) |
| #7DE34D |
rgb(125,227,77) |
hsl(101,73%,60%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #684DE4 |
rgb(104,77,228) |
hsl(251,74%,60%) |
| #C9E34D |
rgb(201,227,77) |
hsl(70,73%,60%) |
| #4D7DE4 |
rgb(77,125,228) |
hsl(221,74%,60%) |
| #7DE34D |
rgb(125,227,77) |
hsl(101,73%,60%) |
