HEX #684AF4 color — Royal Blue
The color #684AF4 is a dark shade and moderately saturated.
Palette
684AF4 color palette from light to dark
HEX |
RGB |
HSL |
#f3f1fe |
rgb(243,241,254) |
hsl(251,89%,97%) |
#dfd8fd |
rgb(223,216,253) |
hsl(251,89%,92%) |
#cbc0fb |
rgb(203,192,251) |
hsl(251,89%,87%) |
#b7a8fa |
rgb(183,168,250) |
hsl(251,89%,82%) |
#a390f9 |
rgb(163,144,249) |
hsl(251,89%,77%) |
#8f78f7 |
rgb(143,120,247) |
hsl(251,89%,72%) |
#7b60f6 |
rgb(123,96,246) |
hsl(251,89%,67%) |
#6748f4 |
rgb(103,72,244) |
hsl(251,89%,62%) |
#5430f3 |
rgb(84,48,243) |
hsl(251,89%,57%) |
#4018f2 |
rgb(64,24,242) |
hsl(251,89%,52%) |
#340de3 |
rgb(52,13,227) |
hsl(251,89%,47%) |
#2f0cca |
rgb(47,12,202) |
hsl(251,89%,42%) |
#290ab2 |
rgb(41,10,178) |
hsl(251,89%,37%) |
#24099a |
rgb(36,9,154) |
hsl(251,89%,32%) |
#1e0882 |
rgb(30,8,130) |
hsl(251,89%,27%) |
#18066a |
rgb(24,6,106) |
hsl(251,89%,22%) |
#130552 |
rgb(19,5,82) |
hsl(251,89%,17%) |
#0d033a |
rgb(13,3,58) |
hsl(251,89%,12%) |
#080222 |
rgb(8,2,34) |
hsl(251,89%,7%) |
#02010a |
rgb(2,1,10) |
hsl(251,89%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#4A9EF4 |
rgb(74,158,244) |
hsl(210,89%,62%) |
#684AF4 |
rgb(104,74,244) |
hsl(251,89%,62%) |
#D94AF4 |
rgb(217,74,244) |
hsl(290,89%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#E0D9FC |
rgb(224,217,252) |
hsl(252,85%,92%) |
#B8ABF9 |
rgb(184,171,249) |
hsl(250,87%,82%) |
#907AF6 |
rgb(144,122,246) |
hsl(251,87%,72%) |
#684AF4 |
rgb(104,74,244) |
hsl(251,89%,62%) |
#3F1AF1 |
rgb(63,26,241) |
hsl(250,88%,52%) |
#2E0DCB |
rgb(46,13,203) |
hsl(250,88%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#684AF4 |
rgb(104,74,244) |
hsl(251,89%,62%) |
#F4BD4A |
rgb(244,189,74) |
hsl(41,89%,62%) |
#81F54A |
rgb(129,245,74) |
hsl(101,90%,63%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#684AF4 |
rgb(104,74,244) |
hsl(251,89%,62%) |
#D6F54A |
rgb(214,245,74) |
hsl(71,90%,63%) |
#4A82F4 |
rgb(74,130,244) |
hsl(220,89%,62%) |
#81F54A |
rgb(129,245,74) |
hsl(101,90%,63%) |