HEX #684AB3 color — Studio
The color #684AB3 is a dark shade and moderately saturated.
Palette
684AB3 color palette from light to dark
HEX |
RGB |
HSL |
#f0edf8 |
rgb(240,237,248) |
hsl(257,42%,95%) |
#e1dbf0 |
rgb(225,219,240) |
hsl(257,42%,90%) |
#d2c9e9 |
rgb(210,201,233) |
hsl(257,42%,85%) |
#c3b7e1 |
rgb(195,183,225) |
hsl(257,42%,80%) |
#b4a4da |
rgb(180,164,218) |
hsl(257,42%,75%) |
#a592d3 |
rgb(165,146,211) |
hsl(257,42%,70%) |
#9680cb |
rgb(150,128,203) |
hsl(257,42%,65%) |
#866ec4 |
rgb(134,110,196) |
hsl(257,42%,60%) |
#775cbc |
rgb(119,92,188) |
hsl(257,42%,55%) |
#684ab5 |
rgb(104,74,181) |
hsl(257,42%,50%) |
#5e43a3 |
rgb(94,67,163) |
hsl(257,42%,45%) |
#533b91 |
rgb(83,59,145) |
hsl(257,42%,40%) |
#49347f |
rgb(73,52,127) |
hsl(257,42%,35%) |
#3f2c6d |
rgb(63,44,109) |
hsl(257,42%,30%) |
#34255b |
rgb(52,37,91) |
hsl(257,42%,25%) |
#2a1e48 |
rgb(42,30,72) |
hsl(257,42%,20%) |
#1f1636 |
rgb(31,22,54) |
hsl(257,42%,15%) |
#150f24 |
rgb(21,15,36) |
hsl(257,42%,10%) |
#0a0712 |
rgb(10,7,18) |
hsl(257,42%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#4A73B3 |
rgb(74,115,179) |
hsl(217,42%,50%) |
#684AB3 |
rgb(104,74,179) |
hsl(257,42%,50%) |
#AE4AB3 |
rgb(174,74,179) |
hsl(297,42%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9782CB |
rgb(151,130,203) |
hsl(257,41%,65%) |
#7F66BF |
rgb(127,102,191) |
hsl(257,41%,57%) |
#684AB3 |
rgb(104,74,179) |
hsl(257,42%,50%) |
#573D96 |
rgb(87,61,150) |
hsl(258,42%,41%) |
#463379 |
rgb(70,51,121) |
hsl(256,41%,34%) |
#36265D |
rgb(54,38,93) |
hsl(257,42%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#684AB3 |
rgb(104,74,179) |
hsl(257,42%,50%) |
#B39C4A |
rgb(179,156,74) |
hsl(47,42%,50%) |
#60B34A |
rgb(96,179,74) |
hsl(107,42%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#684AB3 |
rgb(104,74,179) |
hsl(257,42%,50%) |
#95B34A |
rgb(149,179,74) |
hsl(77,42%,50%) |
#4A61B3 |
rgb(74,97,179) |
hsl(227,42%,50%) |
#60B34A |
rgb(96,179,74) |
hsl(107,42%,50%) |