← Back to Editor

#55355F · #876B8F · #0F0E0F · #2B1D2F · #65456F

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremium

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#55355F

Dark Plum · DarkSlateBlue · Eggplant

HEX
#55355F
RGB
rgb(85, 53, 95)
HSL
hsl(286, 28%, 29%)
HSB
hsb(286, 44%, 37%)
CMYK
cmyk(11%, 44%, 0%, 63%)
Oklch
oklch(38.5% 0.079 317.8)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#876B8F

Dark Plum · Gray · Violet

HEX
#876B8F
RGB
rgb(135, 107, 143)
HSL
hsl(287, 14%, 49%)
HSB
hsb(287, 25%, 56%)
CMYK
cmyk(6%, 25%, 0%, 44%)
Oklch
oklch(56.8% 0.063 318.6)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#0F0E0F

Ink Black · Black · Jet Black

HEX
#0F0E0F
RGB
rgb(15, 14, 15)
HSL
hsl(300, 3%, 6%)
HSB
hsb(300, 7%, 6%)
CMYK
cmyk(0%, 7%, 0%, 94%)
Oklch
oklch(16.5% 0.003 325.7)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#2B1D2F

Dark Plum · DarkSlateGray · Dark Purple

HEX
#2B1D2F
RGB
rgb(43, 29, 47)
HSL
hsl(287, 24%, 15%)
HSB
hsb(287, 38%, 18%)
CMYK
cmyk(9%, 38%, 0%, 82%)
Oklch
oklch(25.6% 0.038 318.6)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#65456F

Dark Plum · DimGray · Eggplant

HEX
#65456F
RGB
rgb(101, 69, 111)
HSL
hsl(286, 23%, 35%)
HSB
hsb(286, 38%, 44%)
CMYK
cmyk(9%, 38%, 0%, 56%)
Oklch
oklch(44.3% 0.077 317.9)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

55355F
3F5F35

Analogous

40355F
55355F
5F3554

Triadic

55355F
5F5535
355F55

Split-Comp.

55355F
545F35
355F40

Tetradic

55355F
5F4035
3F5F35
35545F

Contrast Matrix WCAG 2.1 Contrast

55355F
876B8F
0F0E0F
2B1D2F
65456F
—
2.2
Fail
1.9
Fail
1.6
Fail
1.3
Fail
2.2
Fail
—
4.2
AA Large
3.4
AA Large
1.7
Fail
1.9
Fail
4.2
AA Large
—
1.2
Fail
2.4
Fail
1.6
Fail
3.4
AA Large
1.2
Fail
—
2.0
Fail
1.3
Fail
1.7
Fail
2.4
Fail
2.0
Fail
—
White BG
10.2AAA
4.6AA
19.3AAA
15.9AAA
8.0AAA
Black BG
2.1Fail
4.5AA
1.1Fail
1.3Fail
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

474755
7B7B86
0F0F0F
25252B
575765

Deuteranopia

494B52
7D7F84
0F0F0F
26272A
595B62

Tritanopia

534D4B
867F7E
0F0F0F
2A2726
635D5B

Achromatopsia

434343
777777
0E0E0E
232323
535353

Shades & Tints Shades & Tints

#55355F

Dark
Light

#876B8F

Dark
Light

#0F0E0F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #55355f;
  --color-2: #876b8f;
  --color-3: #0f0e0f;
  --color-4: #2b1d2f;
  --color-5: #65456f;
}

SCSS

$color-1: #55355f;
$color-2: #876b8f;
$color-3: #0f0e0f;
$color-4: #2b1d2f;
$color-5: #65456f;

TAILWIND

colors: {
  'brand-1': '#55355f',
  'brand-2': '#876b8f',
  'brand-3': '#0f0e0f',
  'brand-4': '#2b1d2f',
  'brand-5': '#65456f',
}

RGB Array

[85, 53, 95], [135, 107, 143], [15, 14, 15], [43, 29, 47], [101, 69, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #55355F, #876B8F, #0F0E0F, #2B1D2F, #65456F is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #55355f; --color-2: #876b8f; --color-3: #0f0e0f; --color-4: #2b1d2f; --color-5: #65456f. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for finance, legal, luxury industries. Restrained colors convey professionalism and trust. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color