← Back to Editor

#BC8AC2 · #4B264F · #000000 · #E693B7 · #823456

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#BC8AC2

Lilac · DarkGray · Lilac Purple

HEX
#BC8AC2
RGB
rgb(188, 138, 194)
HSL
hsl(294, 31%, 65%)
HSB
hsb(294, 29%, 76%)
CMYK
cmyk(3%, 29%, 0%, 24%)
Oklch
oklch(70.1% 0.097 322.9)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#4B264F

Dark Plum · DarkSlateGray · Eggplant

HEX
#4B264F
RGB
rgb(75, 38, 79)
HSL
hsl(294, 35%, 23%)
HSB
hsb(294, 52%, 31%)
CMYK
cmyk(5%, 52%, 0%, 69%)
Oklch
oklch(33.6% 0.083 323.5)

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

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

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

#E693B7

Rouge · LightPink · Rose Pink

HEX
#E693B7
RGB
rgb(230, 147, 183)
HSL
hsl(334, 62%, 74%)
HSB
hsb(334, 36%, 90%)
CMYK
cmyk(0%, 36%, 20%, 10%)
Oklch
oklch(75.8% 0.109 352.4)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#823456

Dark Violet · Brown · Camellia

HEX
#823456
RGB
rgb(130, 52, 86)
HSL
hsl(334, 43%, 36%)
HSB
hsb(334, 60%, 51%)
CMYK
cmyk(0%, 60%, 34%, 49%)
Oklch
oklch(44.4% 0.114 355.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BC8AC2
90C18A

Analogous

A08AC1
BC8AC2
C18AAB

Triadic

BC8AC2
C1BC8A
8AC1BC

Split-Comp.

BC8AC2
ABC18A
8AC1A0

Tetradic

BC8AC2
C1A08A
90C18A
8AABC1

Contrast Matrix WCAG 2.1 Contrast

BC8AC2
4B264F
000000
E693B7
823456
—
4.5
AA Large
7.6
AAA
1.2
Fail
2.9
Fail
4.5
AA Large
—
1.7
Fail
5.5
AA
1.5
Fail
7.6
AAA
1.7
Fail
—
9.2
AAA
2.6
Fail
1.2
Fail
5.5
AA
9.2
AAA
—
3.6
AA Large
2.9
Fail
1.5
Fail
2.6
Fail
3.6
AA Large
—
White BG
2.8Fail
12.4AAA
21.0AAA
2.3Fail
8.2AAA
Black BG
7.6AAA
1.7Fail
1.0Fail
9.2AAA
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A6B4
3B3B45
000000
C2C1AE
60604E

Deuteranopia

A9ADB1
3D4043
000000
C7CDAC
656B4C

Tritanopia

BAAAA7
493D3C
000000
E2A7A6
7E4746

Achromatopsia

9F9F9F
363636
000000
B0B0B0
4F4F4F

Shades & Tints Shades & Tints

#BC8AC2

Dark
Light

#4B264F

Dark
Light

#000000

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bc8ac2;
  --color-2: #4b264f;
  --color-3: #000000;
  --color-4: #e693b7;
  --color-5: #823456;
}

SCSS

$color-1: #bc8ac2;
$color-2: #4b264f;
$color-3: #000000;
$color-4: #e693b7;
$color-5: #823456;

TAILWIND

colors: {
  'brand-1': '#bc8ac2',
  'brand-2': '#4b264f',
  'brand-3': '#000000',
  'brand-4': '#e693b7',
  'brand-5': '#823456',
}

RGB Array

[188, 138, 194], [75, 38, 79], [0, 0, 0], [230, 147, 183], [130, 52, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BC8AC2, #4B264F, #000000, #E693B7, #823456 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #bc8ac2; --color-2: #4b264f; --color-3: #000000; --color-4: #e693b7; --color-5: #823456. 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 tech, SaaS, healthcare, eco industries. 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