HEX #684AE5 color — Royal Blue
The color #684AE5 is a dark shade and moderately saturated.
Palette
684AE5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(252,75%,99%) |
#e9e4fb |
rgb(233,228,251) |
hsl(252,75%,94%) |
#d6cef8 |
rgb(214,206,248) |
hsl(252,75%,89%) |
#c4b8f5 |
rgb(196,184,245) |
hsl(252,75%,84%) |
#b1a1f2 |
rgb(177,161,242) |
hsl(252,75%,79%) |
#9f8bee |
rgb(159,139,238) |
hsl(252,75%,74%) |
#8c75eb |
rgb(140,117,235) |
hsl(252,75%,69%) |
#7a5ee8 |
rgb(122,94,232) |
hsl(252,75%,64%) |
#6748e5 |
rgb(103,72,229) |
hsl(252,75%,59%) |
#5532e2 |
rgb(85,50,226) |
hsl(252,75%,54%) |
#451fdb |
rgb(69,31,219) |
hsl(252,75%,49%) |
#3e1cc4 |
rgb(62,28,196) |
hsl(252,75%,44%) |
#3719ae |
rgb(55,25,174) |
hsl(252,75%,39%) |
#301698 |
rgb(48,22,152) |
hsl(252,75%,34%) |
#291281 |
rgb(41,18,129) |
hsl(252,75%,29%) |
#220f6b |
rgb(34,15,107) |
hsl(252,75%,24%) |
#1b0c55 |
rgb(27,12,85) |
hsl(252,75%,19%) |
#14093e |
rgb(20,9,62) |
hsl(252,75%,14%) |
#0d0628 |
rgb(13,6,40) |
hsl(252,75%,9%) |
#060312 |
rgb(6,3,18) |
hsl(252,75%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#4A94E5 |
rgb(74,148,229) |
hsl(211,75%,59%) |
#684AE5 |
rgb(104,74,229) |
hsl(252,75%,59%) |
#CF4AE5 |
rgb(207,74,229) |
hsl(291,75%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#AE9EF1 |
rgb(174,158,241) |
hsl(252,75%,78%) |
#8B75EB |
rgb(139,117,235) |
hsl(251,75%,69%) |
#684AE5 |
rgb(104,74,229) |
hsl(252,75%,59%) |
#4421DE |
rgb(68,33,222) |
hsl(251,74%,50%) |
#371AB4 |
rgb(55,26,180) |
hsl(251,75%,40%) |
#2A1489 |
rgb(42,20,137) |
hsl(251,75%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#684AE5 |
rgb(104,74,229) |
hsl(252,75%,59%) |
#E5B54A |
rgb(229,181,74) |
hsl(41,75%,59%) |
#79E64A |
rgb(121,230,74) |
hsl(102,76%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#684AE5 |
rgb(104,74,229) |
hsl(252,75%,59%) |
#C7E64A |
rgb(199,230,74) |
hsl(72,76%,60%) |
#4A7AE5 |
rgb(74,122,229) |
hsl(221,75%,59%) |
#79E64A |
rgb(121,230,74) |
hsl(102,76%,60%) |