HEX #684DBB color — Studio
The color #684DBB is a dark shade and moderately saturated.
Palette
684DBB color palette from light to dark
HEX |
RGB |
HSL |
#f6f4fb |
rgb(246,244,251) |
hsl(255,45%,97%) |
#e6e1f4 |
rgb(230,225,244) |
hsl(255,45%,92%) |
#d6cfed |
rgb(214,207,237) |
hsl(255,45%,87%) |
#c7bce6 |
rgb(199,188,230) |
hsl(255,45%,82%) |
#b7aadf |
rgb(183,170,223) |
hsl(255,45%,77%) |
#a897d8 |
rgb(168,151,216) |
hsl(255,45%,72%) |
#9885d1 |
rgb(152,133,209) |
hsl(255,45%,67%) |
#8872ca |
rgb(136,114,202) |
hsl(255,45%,62%) |
#7960c3 |
rgb(121,96,195) |
hsl(255,45%,57%) |
#694ebc |
rgb(105,78,188) |
hsl(255,45%,52%) |
#5d42ae |
rgb(93,66,174) |
hsl(255,45%,47%) |
#533b9b |
rgb(83,59,155) |
hsl(255,45%,42%) |
#493489 |
rgb(73,52,137) |
hsl(255,45%,37%) |
#3f2d76 |
rgb(63,45,118) |
hsl(255,45%,32%) |
#352664 |
rgb(53,38,100) |
hsl(255,45%,27%) |
#2b1f51 |
rgb(43,31,81) |
hsl(255,45%,22%) |
#22183f |
rgb(34,24,63) |
hsl(255,45%,17%) |
#18112c |
rgb(24,17,44) |
hsl(255,45%,12%) |
#0e0a1a |
rgb(14,10,26) |
hsl(255,45%,7%) |
#040307 |
rgb(4,3,7) |
hsl(255,45%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#4D7ABB |
rgb(77,122,187) |
hsl(215,45%,52%) |
#684DBB |
rgb(104,77,187) |
hsl(255,45%,52%) |
#B14DBB |
rgb(177,77,187) |
hsl(295,45%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9B8AD2 |
rgb(155,138,210) |
hsl(254,44%,68%) |
#816BC6 |
rgb(129,107,198) |
hsl(255,44%,60%) |
#684DBB |
rgb(104,77,187) |
hsl(255,45%,52%) |
#553DA0 |
rgb(85,61,160) |
hsl(255,45%,43%) |
#453081 |
rgb(69,48,129) |
hsl(256,46%,35%) |
#352663 |
rgb(53,38,99) |
hsl(255,45%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#684DBB |
rgb(104,77,187) |
hsl(255,45%,52%) |
#BB9E4D |
rgb(187,158,77) |
hsl(44,45%,52%) |
#69BA4D |
rgb(105,186,77) |
hsl(105,44%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#684DBB |
rgb(104,77,187) |
hsl(255,45%,52%) |
#A0BA4D |
rgb(160,186,77) |
hsl(74,44%,52%) |
#4D69BB |
rgb(77,105,187) |
hsl(225,45%,52%) |
#69BA4D |
rgb(105,186,77) |
hsl(105,44%,52%) |