← Back to Editor

#432B3B · #4A1326 · #825278 · #A06593 · #B879A6

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

#432B3B

Rose Purple · DarkSlateGray · Raspberry

HEX
#432B3B
RGB
rgb(67, 43, 59)
HSL
hsl(320, 22%, 22%)
HSB
hsb(320, 36%, 26%)
CMYK
cmyk(0%, 36%, 12%, 74%)
Oklch
oklch(32.4% 0.044 339.8)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#4A1326

Dark Violet · Maroon · Raspberry

HEX
#4A1326
RGB
rgb(74, 19, 38)
HSL
hsl(339, 59%, 18%)
HSB
hsb(339, 74%, 29%)
CMYK
cmyk(0%, 74%, 49%, 71%)
Oklch
oklch(28.5% 0.085 3.0)

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

#825278

Rose Purple · DimGray · Violet

HEX
#825278
RGB
rgb(130, 82, 120)
HSL
hsl(312, 23%, 42%)
HSB
hsb(312, 37%, 51%)
CMYK
cmyk(0%, 37%, 8%, 49%)
Oklch
oklch(50.6% 0.083 334.6)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#A06593

Rose Purple · Gray · Violet

HEX
#A06593
RGB
rgb(160, 101, 147)
HSL
hsl(313, 24%, 51%)
HSB
hsb(313, 37%, 63%)
CMYK
cmyk(0%, 37%, 8%, 37%)
Oklch
oklch(58.6% 0.098 335.2)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#B879A6

Rose Purple · DarkGray · Violet

HEX
#B879A6
RGB
rgb(184, 121, 166)
HSL
hsl(317, 31%, 60%)
HSB
hsb(317, 34%, 72%)
CMYK
cmyk(0%, 34%, 10%, 28%)
Oklch
oklch(65.6% 0.098 337.8)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

432B3B
2C4434

Analogous

402C44
432B3B
442C30

Triadic

432B3B
3C442C
2C3C44

Split-Comp.

432B3B
30442C
2C4440

Tetradic

432B3B
44402C
2C4434
2C3044

Contrast Matrix WCAG 2.1 Contrast

432B3B
4A1326
825278
A06593
B879A6
—
1.2
Fail
2.1
Fail
2.9
Fail
3.8
AA Large
1.2
Fail
—
2.4
Fail
3.4
AA Large
4.5
AA Large
2.1
Fail
2.4
Fail
—
1.4
Fail
1.8
Fail
2.9
Fail
3.4
AA Large
1.4
Fail
—
1.3
Fail
3.8
AA Large
4.5
AA Large
1.8
Fail
1.3
Fail
—
White BG
12.7AAA
14.9AAA
6.1AA
4.4AA Large
3.3AA Large
Black BG
1.6Fail
1.4Fail
3.4AA Large
4.8AA
6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

393837
323221
6D6D6F
868688
9D9C9B

Deuteranopia

3A3C36
353A20
70746D
8A8E85
A0A599

Tritanopia

423433
471E1D
806866
9D7F7D
B59391

Achromatopsia

343434
262626
656565
7C7C7C
919191

Shades & Tints Shades & Tints

#432B3B

Dark
Light

#4A1326

Dark
Light

#825278

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #432b3b;
  --color-2: #4a1326;
  --color-3: #825278;
  --color-4: #a06593;
  --color-5: #b879a6;
}

SCSS

$color-1: #432b3b;
$color-2: #4a1326;
$color-3: #825278;
$color-4: #a06593;
$color-5: #b879a6;

TAILWIND

colors: {
  'brand-1': '#432b3b',
  'brand-2': '#4a1326',
  'brand-3': '#825278',
  'brand-4': '#a06593',
  'brand-5': '#b879a6',
}

RGB Array

[67, 43, 59], [74, 19, 38], [130, 82, 120], [160, 101, 147], [184, 121, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #432B3B, #4A1326, #825278, #A06593, #B879A6 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: #432b3b; --color-2: #4a1326; --color-3: #825278; --color-4: #a06593; --color-5: #b879a6. 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