HEX #684FE5 color — Royal Blue
The color #684FE5 is a dark shade and moderately saturated.
Palette
684FE5 color palette from light to dark
HEX |
RGB |
HSL |
#ece9fc |
rgb(236,233,252) |
hsl(250,74%,95%) |
#d9d3f8 |
rgb(217,211,248) |
hsl(250,74%,90%) |
#c6bcf5 |
rgb(198,188,245) |
hsl(250,74%,85%) |
#b3a6f2 |
rgb(179,166,242) |
hsl(250,74%,80%) |
#a090ee |
rgb(160,144,238) |
hsl(250,74%,75%) |
#8d7aeb |
rgb(141,122,235) |
hsl(250,74%,70%) |
#7a64e8 |
rgb(122,100,232) |
hsl(250,74%,65%) |
#674ee4 |
rgb(103,78,228) |
hsl(250,74%,60%) |
#5437e1 |
rgb(84,55,225) |
hsl(250,74%,55%) |
#4121de |
rgb(65,33,222) |
hsl(250,74%,50%) |
#3a1ec8 |
rgb(58,30,200) |
hsl(250,74%,45%) |
#341bb1 |
rgb(52,27,177) |
hsl(250,74%,40%) |
#2d179b |
rgb(45,23,155) |
hsl(250,74%,35%) |
#271485 |
rgb(39,20,133) |
hsl(250,74%,30%) |
#20116f |
rgb(32,17,111) |
hsl(250,74%,25%) |
#1a0d59 |
rgb(26,13,89) |
hsl(250,74%,20%) |
#130a43 |
rgb(19,10,67) |
hsl(250,74%,15%) |
#0d072c |
rgb(13,7,44) |
hsl(250,74%,10%) |
#060316 |
rgb(6,3,22) |
hsl(250,74%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#4F99E5 |
rgb(79,153,229) |
hsl(210,74%,60%) |
#684FE5 |
rgb(104,79,229) |
hsl(250,74%,60%) |
#CC4FE5 |
rgb(204,79,229) |
hsl(290,74%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D6CFF8 |
rgb(214,207,248) |
hsl(250,75%,89%) |
#B1A6F1 |
rgb(177,166,241) |
hsl(249,73%,80%) |
#8C7AEB |
rgb(140,122,235) |
hsl(250,74%,70%) |
#684FE5 |
rgb(104,79,229) |
hsl(250,74%,60%) |
#4324DE |
rgb(67,36,222) |
hsl(250,74%,51%) |
#341CB6 |
rgb(52,28,182) |
hsl(249,73%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#684FE5 |
rgb(104,79,229) |
hsl(250,74%,60%) |
#E5B34F |
rgb(229,179,79) |
hsl(40,74%,60%) |
#81E64F |
rgb(129,230,79) |
hsl(100,75%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#684FE5 |
rgb(104,79,229) |
hsl(250,74%,60%) |
#CCE64F |
rgb(204,230,79) |
hsl(70,75%,61%) |
#4F82E5 |
rgb(79,130,229) |
hsl(220,74%,60%) |
#81E64F |
rgb(129,230,79) |
hsl(100,75%,61%) |