HEX #684BE7 color — Royal Blue
The color #684be7 is a dark shade and moderately saturated.
Palette
684be7 color palette from light to dark
| HEX |
RGB |
HSL |
| #ece9fc |
rgb(236,233,252) |
hsl(251,76%,95%) |
| #d9d2f9 |
rgb(217,210,249) |
hsl(251,76%,90%) |
| #c6bcf6 |
rgb(198,188,246) |
hsl(251,76%,85%) |
| #b3a5f3 |
rgb(179,165,243) |
hsl(251,76%,80%) |
| #a18ff0 |
rgb(161,143,240) |
hsl(251,76%,75%) |
| #8e78ed |
rgb(142,120,237) |
hsl(251,76%,70%) |
| #7b62ea |
rgb(123,98,234) |
hsl(251,76%,65%) |
| #684be7 |
rgb(104,75,231) |
hsl(251,76%,60%) |
| #5535e3 |
rgb(85,53,227) |
hsl(251,76%,55%) |
| #421fe0 |
rgb(66,31,224) |
hsl(251,76%,50%) |
| #3c1cca |
rgb(60,28,202) |
hsl(251,76%,45%) |
| #3518b4 |
rgb(53,24,180) |
hsl(251,76%,40%) |
| #2e159d |
rgb(46,21,157) |
hsl(251,76%,35%) |
| #281287 |
rgb(40,18,135) |
hsl(251,76%,30%) |
| #210f70 |
rgb(33,15,112) |
hsl(251,76%,25%) |
| #1a0c5a |
rgb(26,12,90) |
hsl(251,76%,20%) |
| #140943 |
rgb(20,9,67) |
hsl(251,76%,15%) |
| #0d062d |
rgb(13,6,45) |
hsl(251,76%,10%) |
| #070316 |
rgb(7,3,22) |
hsl(251,76%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #4B96E7 |
rgb(75,150,231) |
hsl(211,76%,60%) |
| #684BE7 |
rgb(104,75,231) |
hsl(251,76%,60%) |
| #D04AE7 |
rgb(208,74,231) |
hsl(291,77%,60%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #D4CCF8 |
rgb(212,204,248) |
hsl(251,76%,89%) |
| #B0A1F2 |
rgb(176,161,242) |
hsl(251,76%,79%) |
| #8C75EC |
rgb(140,117,236) |
hsl(252,76%,69%) |
| #684BE7 |
rgb(104,75,231) |
hsl(251,76%,60%) |
| #431FE1 |
rgb(67,31,225) |
hsl(251,76%,50%) |
| #361AB7 |
rgb(54,26,183) |
hsl(251,75%,41%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #684BE7 |
rgb(104,75,231) |
hsl(251,76%,60%) |
| #E7B54B |
rgb(231,181,75) |
hsl(41,76%,60%) |
| #7CE84B |
rgb(124,232,75) |
hsl(101,77%,60%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #684BE7 |
rgb(104,75,231) |
hsl(251,76%,60%) |
| #CAE84B |
rgb(202,232,75) |
hsl(71,77%,60%) |
| #4B7DE7 |
rgb(75,125,231) |
hsl(221,76%,60%) |
| #7CE84B |
rgb(124,232,75) |
hsl(101,77%,60%) |
