HEX #684ABB color — Studio
The color #684ABB is a dark shade and moderately saturated.
Palette
684ABB color palette from light to dark
HEX |
RGB |
HSL |
#f3f0f9 |
rgb(243,240,249) |
hsl(256,45%,96%) |
#e3def2 |
rgb(227,222,242) |
hsl(256,45%,91%) |
#d4cbeb |
rgb(212,203,235) |
hsl(256,45%,86%) |
#c4b9e4 |
rgb(196,185,228) |
hsl(256,45%,81%) |
#b5a6dd |
rgb(181,166,221) |
hsl(256,45%,76%) |
#a694d6 |
rgb(166,148,214) |
hsl(256,45%,71%) |
#9681cf |
rgb(150,129,207) |
hsl(256,45%,66%) |
#876fc8 |
rgb(135,111,200) |
hsl(256,45%,61%) |
#775cc1 |
rgb(119,92,193) |
hsl(256,45%,56%) |
#684aba |
rgb(104,74,186) |
hsl(256,45%,51%) |
#5d41aa |
rgb(93,65,170) |
hsl(256,45%,46%) |
#533a98 |
rgb(83,58,152) |
hsl(256,45%,41%) |
#493285 |
rgb(73,50,133) |
hsl(256,45%,36%) |
#3e2b73 |
rgb(62,43,115) |
hsl(256,45%,31%) |
#342460 |
rgb(52,36,96) |
hsl(256,45%,26%) |
#2a1d4e |
rgb(42,29,78) |
hsl(256,45%,21%) |
#20163b |
rgb(32,22,59) |
hsl(256,45%,16%) |
#160f29 |
rgb(22,15,41) |
hsl(256,45%,11%) |
#0c0816 |
rgb(12,8,22) |
hsl(256,45%,6%) |
#020104 |
rgb(2,1,4) |
hsl(256,45%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#4A78BB |
rgb(74,120,187) |
hsl(216,45%,51%) |
#684ABB |
rgb(104,74,187) |
hsl(256,45%,51%) |
#B34ABB |
rgb(179,74,187) |
hsl(296,45%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9A87D1 |
rgb(154,135,209) |
hsl(255,45%,67%) |
#8169C6 |
rgb(129,105,198) |
hsl(255,45%,59%) |
#684ABB |
rgb(104,74,187) |
hsl(256,45%,51%) |
#563B9F |
rgb(86,59,159) |
hsl(256,46%,43%) |
#453081 |
rgb(69,48,129) |
hsl(256,46%,35%) |
#352662 |
rgb(53,38,98) |
hsl(255,44%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#684ABB |
rgb(104,74,187) |
hsl(256,45%,51%) |
#BBA14A |
rgb(187,161,74) |
hsl(46,45%,51%) |
#64BA4A |
rgb(100,186,74) |
hsl(106,45%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#684ABB |
rgb(104,74,187) |
hsl(256,45%,51%) |
#9DBA4A |
rgb(157,186,74) |
hsl(76,45%,51%) |
#4A63BB |
rgb(74,99,187) |
hsl(227,45%,51%) |
#64BA4A |
rgb(100,186,74) |
hsl(106,45%,51%) |