#6C4F61 + #CF3A8B + #3A2E38 + #D12FC3 + #A21D92 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6C4F61

Rose Purple · DimGray · Camellia

HEX

#6C4F61

RGB

rgb(108, 79, 97)

HSL

hsl(323, 16%, 37%)

HSB

hsb(323, 27%, 42%)

CMYK

cmyk(0%, 27%, 10%, 58%)

Oklch

oklch(46.5% 0.047 341.4)

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

#CF3A8B

Rose Purple · MediumVioletRed · Rose Pink

HEX

#CF3A8B

RGB

rgb(207, 58, 139)

HSL

hsl(327, 61%, 52%)

HSB

hsb(327, 72%, 81%)

CMYK

cmyk(0%, 72%, 33%, 19%)

Oklch

oklch(59.3% 0.199 351.6)

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

#3A2E38

Rose Purple · DarkSlateGray · Dark Purple

HEX

#3A2E38

RGB

rgb(58, 46, 56)

HSL

hsl(310, 12%, 20%)

HSB

hsb(310, 21%, 23%)

CMYK

cmyk(0%, 21%, 3%, 77%)

Oklch

oklch(31.8% 0.024 331.8)

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

#D12FC3

Rose Purple · MediumOrchid · Violet

HEX

#D12FC3

RGB

rgb(209, 47, 195)

HSL

hsl(305, 64%, 50%)

HSB

hsb(305, 78%, 82%)

CMYK

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

Oklch

oklch(61.3% 0.245 332.1)

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

#A21D92

Rose Purple · DarkMagenta · Eggplant

HEX

#A21D92

RGB

rgb(162, 29, 146)

HSL

hsl(307, 70%, 37%)

HSB

hsb(307, 82%, 64%)

CMYK

cmyk(0%, 82%, 10%, 36%)

Oklch

oklch(50.1% 0.204 333.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6C4F61

4F6D5B

Analogous

6A4F6D

6C4F61

6D4F53

Triadic

6C4F61

626D4F

4F626D

Split-Comp.

6C4F61

536D4F

4F6D6A

Tetradic

6C4F61

6D6A4F

4F6D5B

4F536D

Contrast Matrix WCAG 2.1 Contrast

6C4F61	CF3A8B	3A2E38	D12FC3	A21D92
—	1.6 Fail	1.8 Fail	1.7 Fail	1.1 Fail
1.6 Fail	—	2.8 Fail	1.1 Fail	1.5 Fail
1.8 Fail	2.8 Fail	—	3.0 AA Large	1.9 Fail
1.7 Fail	1.1 Fail	3.0 AA Large	—	1.6 Fail
1.1 Fail	1.5 Fail	1.9 Fail	1.6 Fail	—

White BG

7.2AAA

4.5AA

12.9AAA

4.3AA Large

6.7AA

Black BG

2.9Fail

4.6AA

1.6Fail

4.9AA

3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

5F5F5D

8E8D77

353536

8B899F

686776

Deuteranopia

61635C

97A273

363635

94A097

707A6F

Tritanopia

6B5958

C86865

393433

C9837D

9B5F5A

Achromatopsia

5A5A5A

707070

333333

707070

525252

Shades & Tints Shades & Tints

#6C4F61

Dark

Light

#CF3A8B

Dark

Light

#3A2E38

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6c4f61;
  --color-2: #cf3a8b;
  --color-3: #3a2e38;
  --color-4: #d12fc3;
  --color-5: #a21d92;
}

SCSS

$color-1: #6c4f61;
$color-2: #cf3a8b;
$color-3: #3a2e38;
$color-4: #d12fc3;
$color-5: #a21d92;

TAILWIND

colors: {
  'brand-1': '#6c4f61',
  'brand-2': '#cf3a8b',
  'brand-3': '#3a2e38',
  'brand-4': '#d12fc3',
  'brand-5': '#a21d92',
}

RGB Array

[108, 79, 97], [207, 58, 139], [58, 46, 56], [209, 47, 195], [162, 29, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6C4F61, #CF3A8B, #3A2E38, #D12FC3, #A21D92 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: #6c4f61; --color-2: #cf3a8b; --color-3: #3a2e38; --color-4: #d12fc3; --color-5: #a21d92. 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