#441E2B + #BD7085 + #9F5278 + #95396B + #8F7783 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#441E2B

Dark Violet · DarkSlateGray · Raspberry

HEX

#441E2B

RGB

rgb(68, 30, 43)

HSL

hsl(339, 39%, 19%)

HSB

hsb(339, 56%, 27%)

CMYK

cmyk(0%, 56%, 37%, 73%)

Oklch

oklch(29.4% 0.061 359.8)

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

#BD7085

Dark Violet · LightCoral · Rose Pink

HEX

#BD7085

RGB

rgb(189, 112, 133)

HSL

hsl(344, 37%, 59%)

HSB

hsb(344, 41%, 74%)

CMYK

cmyk(0%, 41%, 30%, 26%)

Oklch

oklch(63.5% 0.100 2.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#9F5278

Dark Violet · Gray · Camellia

HEX

#9F5278

RGB

rgb(159, 82, 120)

HSL

hsl(330, 32%, 47%)

HSB

hsb(330, 48%, 62%)

CMYK

cmyk(0%, 48%, 25%, 38%)

Oklch

oklch(54.3% 0.112 350.5)

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

#95396B

Rose Purple · Purple · Camellia

HEX

#95396B

RGB

rgb(149, 57, 107)

HSL

hsl(327, 45%, 40%)

HSB

hsb(327, 62%, 58%)

CMYK

cmyk(0%, 62%, 28%, 42%)

Oklch

oklch(48.8% 0.136 349.6)

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

#8F7783

Dark Violet · Gray · Rose Pink

HEX

#8F7783

RGB

rgb(143, 119, 131)

HSL

hsl(330, 10%, 51%)

HSB

hsb(330, 17%, 56%)

CMYK

cmyk(0%, 17%, 8%, 44%)

Oklch

oklch(59.6% 0.034 346.6)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

441E2B

1E4336

Analogous

431E3E

441E2B

43231E

Triadic

441E2B

2B431E

1E2B43

Split-Comp.

441E2B

1E4323

1E3E43

Tetradic

441E2B

3E431E

1E4336

231E43

Contrast Matrix WCAG 2.1 Contrast

441E2B	BD7085	9F5278	95396B	8F7783
—	4.0 AA Large	2.7 Fail	2.1 Fail	3.5 AA Large
4.0 AA Large	—	1.5 Fail	1.9 Fail	1.1 Fail
2.7 Fail	1.5 Fail	—	1.3 Fail	1.3 Fail
2.1 Fail	1.9 Fail	1.3 Fail	—	1.7 Fail
3.5 AA Large	1.1 Fail	1.3 Fail	1.7 Fail	—

White BG

14.3AAA

3.6AA Large

5.3AA

6.8AA

4.1AA Large

Black BG

1.5Fail

5.8AA

4.0AA Large

3.1AA Large

5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

343328

9C9B80

7E7D6F

6D6C5F

858480

Deuteranopia

363927

A0A67F

82886D

73795C

86887F

Tritanopia

422525

B97C7B

9B6866

905553

8E7E7D

Achromatopsia

2B2B2B

898989

6D6D6D

5A5A5A

808080

Shades & Tints Shades & Tints

#441E2B

Dark

Light

#BD7085

Dark

Light

#9F5278

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #441e2b;
  --color-2: #bd7085;
  --color-3: #9f5278;
  --color-4: #95396b;
  --color-5: #8f7783;
}

SCSS

$color-1: #441e2b;
$color-2: #bd7085;
$color-3: #9f5278;
$color-4: #95396b;
$color-5: #8f7783;

TAILWIND

colors: {
  'brand-1': '#441e2b',
  'brand-2': '#bd7085',
  'brand-3': '#9f5278',
  'brand-4': '#95396b',
  'brand-5': '#8f7783',
}

RGB Array

[68, 30, 43], [189, 112, 133], [159, 82, 120], [149, 57, 107], [143, 119, 131]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #441E2B, #BD7085, #9F5278, #95396B, #8F7783 is ideal for: corporate websites, product showcases, portfolios. 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: #441e2b; --color-2: #bd7085; --color-3: #9f5278; --color-4: #95396b; --color-5: #8f7783. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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