HEX #684AE3 color — Royal Blue
The color #684AE3 is a dark shade and moderately saturated.
Palette
684AE3 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(252,73%,99%) |
#e9e5fb |
rgb(233,229,251) |
hsl(252,73%,94%) |
#d7cef7 |
rgb(215,206,247) |
hsl(252,73%,89%) |
#c4b8f4 |
rgb(196,184,244) |
hsl(252,73%,84%) |
#b2a2f1 |
rgb(178,162,241) |
hsl(252,73%,79%) |
#a08ced |
rgb(160,140,237) |
hsl(252,73%,74%) |
#8d76ea |
rgb(141,118,234) |
hsl(252,73%,69%) |
#7b60e6 |
rgb(123,96,230) |
hsl(252,73%,64%) |
#694ae3 |
rgb(105,74,227) |
hsl(252,73%,59%) |
#5634df |
rgb(86,52,223) |
hsl(252,73%,54%) |
#4622d8 |
rgb(70,34,216) |
hsl(252,73%,49%) |
#3f1ec2 |
rgb(63,30,194) |
hsl(252,73%,44%) |
#381bac |
rgb(56,27,172) |
hsl(252,73%,39%) |
#311796 |
rgb(49,23,150) |
hsl(252,73%,34%) |
#2a1480 |
rgb(42,20,128) |
hsl(252,73%,29%) |
#22116a |
rgb(34,17,106) |
hsl(252,73%,24%) |
#1b0d54 |
rgb(27,13,84) |
hsl(252,73%,19%) |
#140a3e |
rgb(20,10,62) |
hsl(252,73%,14%) |
#0d0628 |
rgb(13,6,40) |
hsl(252,73%,9%) |
#060312 |
rgb(6,3,18) |
hsl(252,73%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#4A91E3 |
rgb(74,145,227) |
hsl(212,73%,59%) |
#684AE3 |
rgb(104,74,227) |
hsl(252,73%,59%) |
#CE4AE3 |
rgb(206,74,227) |
hsl(292,73%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#AD9EEF |
rgb(173,158,239) |
hsl(251,72%,78%) |
#8A73E9 |
rgb(138,115,233) |
hsl(252,73%,68%) |
#684AE3 |
rgb(104,74,227) |
hsl(252,73%,59%) |
#4621DA |
rgb(70,33,218) |
hsl(252,74%,49%) |
#381CB1 |
rgb(56,28,177) |
hsl(251,73%,40%) |
#2B1487 |
rgb(43,20,135) |
hsl(252,74%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#684AE3 |
rgb(104,74,227) |
hsl(252,73%,59%) |
#E3B54A |
rgb(227,181,74) |
hsl(42,73%,59%) |
#78E34A |
rgb(120,227,74) |
hsl(102,73%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#684AE3 |
rgb(104,74,227) |
hsl(252,73%,59%) |
#C5E34A |
rgb(197,227,74) |
hsl(72,73%,59%) |
#4A78E3 |
rgb(74,120,227) |
hsl(222,73%,59%) |
#78E34A |
rgb(120,227,74) |
hsl(102,73%,59%) |