Dark Lavender
HEX: #734F96 | Modern Palette
Color Specifications
#734F96
115, 79, 150
270°, 47% ,58%
23.33, 47.33, 0, 41.18
About Dark Lavender
Dark Lavender (#734F96) is a color with RGB(115, 79, 150) and HSL(270.42°, 47.33%, 58.82%). It is commonly associated with Romantic moods. In design, it is suitable for Text, Button, Logo. Its complementary color is #72964F, which creates strong contrast. Its triadic palette includes #96734F and #4F9673.
- HEX: #734F96
- RGB: 115, 79, 150
- HSL: 270.42°, 47.33%, 58.82%
- Mood: Romantic
- Use case: Text, Button, Logo
- Complementary color: #72964F
- Triadic colors: #96734F, #4F9673
Live Components
Color Palettes
Color Harmonies
Complementary
The color directly opposite on the color wheel — creates maximum contrast and vibrance.
Analogous
Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.
Triadic
Three colors equally spaced 120° apart — bold, balanced, and visually rich.
Split-Complementary
Two colors flanking the complement — high contrast with less tension than full complementary.
Tetradic (Square)
Four colors at 90° intervals — rich variety, best when one color dominates.
Monochromatic
Shades and tints of the same hue — cohesive, elegant, and easy to work with.
Shades & Tints
A seamless scale of #734F96 from deepest shade to lightest tint.
Frequently Asked Questions
Code Snippets
/* Background */
.element {
background-color: #734F96;
}
/* Text */
.element {
color: #734F96;
}
/* Border */
.element {
border: 1px solid #734F96;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#734F96,
#95C864
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#734F96,
#95C864
);
}// SCSS variable
$dark-lavender: #734F96;
// With RGB channels (useful for rgba() usage)
$dark-lavender-r: 115;
$dark-lavender-g: 79;
$dark-lavender-b: 150;
// Usage
.element {
background-color: $dark-lavender;
color: rgba($dark-lavender-r, $dark-lavender-g, $dark-lavender-b, 0.8);
}