#8D264C + #7B2046 + #61193D + #4F1336 + #390D2F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#8D264C

Dark Violet · Brown · Camellia

HEX

#8D264C

RGB

rgb(141, 38, 76)

HSL

hsl(338, 58%, 35%)

HSB

hsb(338, 73%, 55%)

CMYK

cmyk(0%, 73%, 46%, 45%)

Oklch

oklch(44.1% 0.141 2.5)

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

#7B2046

Dark Violet · Brown · Camellia

HEX

#7B2046

RGB

rgb(123, 32, 70)

HSL

hsl(335, 59%, 30%)

HSB

hsb(335, 74%, 48%)

CMYK

cmyk(0%, 74%, 43%, 52%)

Oklch

oklch(40.1% 0.129 359.4)

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

#61193D

Dark Violet · Brown · Raspberry

HEX

#61193D

RGB

rgb(97, 25, 61)

HSL

hsl(330, 59%, 24%)

HSB

hsb(330, 74%, 38%)

CMYK

cmyk(0%, 74%, 37%, 62%)

Oklch

oklch(34.4% 0.110 353.8)

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

#4F1336

Rose Purple · DarkSlateGray · Raspberry

HEX

#4F1336

RGB

rgb(79, 19, 54)

HSL

hsl(325, 61%, 19%)

HSB

hsb(325, 76%, 31%)

CMYK

cmyk(0%, 76%, 32%, 69%)

Oklch

oklch(30.1% 0.098 348.7)

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

#390D2F

Rose Purple · MidnightBlue · Dark Purple

HEX

#390D2F

RGB

rgb(57, 13, 47)

HSL

hsl(314, 63%, 14%)

HSB

hsb(314, 77%, 22%)

CMYK

cmyk(0%, 77%, 18%, 78%)

Oklch

oklch(25.0% 0.083 338.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8D264C

258D67

Analogous

8D257F

8D264C

8D3325

Triadic

8D264C

4B8D25

254B8D

Split-Comp.

8D264C

258D33

257F8D

Tetradic

8D264C

7F8D25

258D67

33258D

Contrast Matrix WCAG 2.1 Contrast

8D264C	7B2046	61193D	4F1336	390D2F
—	1.2 Fail	1.5 Fail	1.7 Fail	2.0 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.7 Fail
1.5 Fail	1.2 Fail	—	1.2 Fail	1.3 Fail
1.7 Fail	1.4 Fail	1.2 Fail	—	1.2 Fail
2.0 Fail	1.7 Fail	1.3 Fail	1.2 Fail	—

White BG

8.4AAA

9.8AAA

12.2AAA

14.2AAA

16.5AAA

Black BG

2.5Fail

2.1Fail

1.7Fail

1.5Fail

1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

605F43

54533D

424134

35342E

262627

Deuteranopia

666E41

59603B

464B32

393D2C

292C25

Tritanopia

883C3A

763634

5D2D2C

4C2725

37201F

Achromatopsia

494949

404040

333333

292929

1E1E1E

Shades & Tints Shades & Tints

#8D264C

Dark

Light

#7B2046

Dark

Light

#61193D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8d264c;
  --color-2: #7b2046;
  --color-3: #61193d;
  --color-4: #4f1336;
  --color-5: #390d2f;
}

SCSS

$color-1: #8d264c;
$color-2: #7b2046;
$color-3: #61193d;
$color-4: #4f1336;
$color-5: #390d2f;

TAILWIND

colors: {
  'brand-1': '#8d264c',
  'brand-2': '#7b2046',
  'brand-3': '#61193d',
  'brand-4': '#4f1336',
  'brand-5': '#390d2f',
}

RGB Array

[141, 38, 76], [123, 32, 70], [97, 25, 61], [79, 19, 54], [57, 13, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8D264C, #7B2046, #61193D, #4F1336, #390D2F is ideal for: tech websites, dark mode UIs, game UIs. 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: #8d264c; --color-2: #7b2046; --color-3: #61193d; --color-4: #4f1336; --color-5: #390d2f. 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. 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