Japanese Violet

HEX: #5B3256 | Modern Palette

On White
10.32:1
PASS
On Black
2.04:1
FAIL

Color Specifications

HEX
#5B3256
RGB
91, 50, 86
HSL
307°, 45% ,35%
CMYK
0, 45.05, 5.49, 64.31

About Japanese Violet

Japanese Violet (#5B3256) is a color with RGB(91, 50, 86) and HSL(307.32°, 45.05%, 35.69%). It is commonly associated with Romantic moods. In design, it fits Warm styles and is suitable for Text, Button, Logo. Its complementary color is #325B37, which creates strong contrast. Its triadic palette includes #565B32 and #32565B. The name comes from Japanese Violet (English).

  • HEX: #5B3256
  • RGB: 91, 50, 86
  • HSL: 307.32°, 45.05%, 35.69%
  • Mood: Romantic
  • Style: Warm
  • Use case: Text, Button, Logo
  • Complementary color: #325B37
  • Triadic colors: #565B32, #32565B
  • The name comes from Japanese Violet (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Japanese Violet #5B3256 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
JAPANESE VIOLET
 
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
JAPANESE VIOLET
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
 
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Japanese Violet #5B3256 pairs with #325B37 as its complementary color, and #565B32 and #32565B in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

JAPANESE VIOLET
Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

JAPANESE VIOLET
Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

JAPANESE VIOLET
Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

JAPANESE VIOLET
Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

JAPANESE VIOLET
Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

JAPANESE VIOLET

Shades & Tints

The shade and tint range for Japanese Violet #5B3256 moves from dark #100910 tones through the base color to lighter #F6EFF5 tones, making it useful for depth, hierarchy, and background variation.

JAPANESE VIOLET

Color Characteristics

Mood
Romantic
Style
Warm
Use case
Text Button Logo

Accessibility Simulation

Deuteranopia #414155
Protanopia #383856
Tritanopia #583838
Achromatopsia #404040

Frequently Asked Questions

Japanese Violet (#5B3256) is a color with RGB(91, 50, 86) and HSL(307.32°, 45.05%, 35.69%).

#5B3256 pairs strongly with #325B37 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#5B3256 is suitable for Text, Button, Logo and works well with Warm styles.

#5B3256 is commonly associated with Romantic.

The name Japanese Violet is linked to Japanese Violet from English, meaning A color name inspired by the flower 'Japanese Violet' (Viola mandshurica) or a similar violet shade associated with Japan..

Name, History & Etymology

Origin Word Japanese Violet
Meaning A color name inspired by the flower 'Japanese Violet' (Viola mandshurica) or a similar violet shade associated with Japan.
Language English
First Recorded Use 20th Century

History

The naming of colors after flowers is a common practice, and 'violet' itself refers to a range of purplish-blue hues. The 'Japanese' prefix likely indicates either a specific shade found in Japanese flora, a shade popular in Japanese art or textiles, or simply an exotic descriptor to differentiate it from other violet shades. The hex code #5b3256 suggests a deep, muted, reddish-purple, which aligns with some varieties of violet flowers.

First Recorded Use

Likely early to mid-20th century, as color naming became more descriptive and international influences grew. Specific first use in a widely recognized color system or publication is difficult to pinpoint without extensive historical color dictionary research.

Cultural Associations

Violets in general often symbolize modesty, humility, and faithfulness. In Japan, purple (murasaki) has historically been a color of high rank and nobility, particularly during the Heian period. While 'Japanese Violet' as a specific color name might not have deep historical roots in traditional Japanese color theory (which often uses more abstract or nature-based names like 'fuji-iro' for wisteria purple), its modern usage likely evokes a sense of delicate beauty and perhaps a subtle exoticism associated with Japanese aesthetics.

Similar Named Colors
Dark Byzantium #5D3954 ΔE 3.21
Halayà úbe #663854 ΔE 4.15
English Violet #563C5C ΔE 4.35
Palatinate Purple #682860 ΔE 5.19

Code Snippets

/* Background */
.element {
    background-color: #5B3256;
}

/* Text */
.element {
    color: #5B3256;
}

/* Border */
.element {
    border: 1px solid #5B3256;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #5B3256,
        #32843C
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #5B3256,
        #32843C
    );
}

// SCSS variable
$japanese-violet: #5B3256;

// With RGB channels (useful for rgba() usage)
$japanese-violet-r: 91;
$japanese-violet-g: 50;
$japanese-violet-b: 86;

// Usage
.element {
    background-color: $japanese-violet;
    color: rgba($japanese-violet-r, $japanese-violet-g, $japanese-violet-b, 0.8);
}