#D20186 + #352D40 + #2D252D + #432952 + #5A1C90 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#D20186

Rose Purple · MediumVioletRed · Camellia

HEX

#D20186

RGB

rgb(210, 1, 134)

HSL

hsl(322, 99%, 41%)

HSB

hsb(322, 100%, 82%)

CMYK

cmyk(0%, 100%, 36%, 18%)

Oklch

oklch(56.8% 0.235 351.6)

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

#352D40

Deep Indigo · DarkSlateGray · Eggplant

HEX

#352D40

RGB

rgb(53, 45, 64)

HSL

hsl(265, 17%, 21%)

HSB

hsb(265, 30%, 25%)

CMYK

cmyk(17%, 30%, 0%, 75%)

Oklch

oklch(31.4% 0.035 303.7)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#2D252D

Rose Purple · DarkSlateGray · Dark Purple

HEX

#2D252D

RGB

rgb(45, 37, 45)

HSL

hsl(300, 10%, 16%)

HSB

hsb(300, 18%, 18%)

CMYK

cmyk(0%, 18%, 0%, 82%)

Oklch

oklch(27.7% 0.018 326.1)

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

#432952

Dark Plum · DarkSlateGray · Eggplant

HEX

#432952

RGB

rgb(67, 41, 82)

HSL

hsl(278, 33%, 24%)

HSB

hsb(278, 50%, 32%)

CMYK

cmyk(18%, 50%, 0%, 68%)

Oklch

oklch(33.2% 0.076 312.1)

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

#5A1C90

Royal Purple · DarkSlateBlue · Eggplant

HEX

#5A1C90

RGB

rgb(90, 28, 144)

HSL

hsl(272, 67%, 34%)

HSB

hsb(272, 81%, 56%)

CMYK

cmyk(37%, 81%, 0%, 44%)

Oklch

oklch(39.1% 0.176 303.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D20186

01D04D

Analogous

B401D0

D20186

D0011D

Triadic

D20186

84D001

0184D0

Split-Comp.

D20186

1DD001

01D0B4

Tetradic

D20186

D0B401

01D04D

011DD0

Contrast Matrix WCAG 2.1 Contrast

D20186	352D40	2D252D	432952	5A1C90
—	2.6 Fail	2.9 Fail	2.4 Fail	2.0 Fail
2.6 Fail	—	1.1 Fail	1.0 Fail	1.3 Fail
2.9 Fail	1.1 Fail	—	1.2 Fail	1.4 Fail
2.4 Fail	1.0 Fail	1.2 Fail	—	1.2 Fail
2.0 Fail	1.3 Fail	1.4 Fail	1.2 Fail	—

White BG

5.1AA

13.1AAA

14.9AAA

12.5AAA

10.5AAA

Black BG

4.1AA Large

1.6Fail

1.4Fail

1.7Fail

2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

787666

32313B

2A292B

383848

3F3F74

Deuteranopia

84935E

32333A

2A2B2B

393B46

43476D

Tritanopia

C84C47

353837

2D2A29

42403F

575E59

Achromatopsia

4F4F4F

323232

282828

353535

3C3C3C

Shades & Tints Shades & Tints

#D20186

Dark

Light

#352D40

Dark

Light

#2D252D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d20186;
  --color-2: #352d40;
  --color-3: #2d252d;
  --color-4: #432952;
  --color-5: #5a1c90;
}

SCSS

$color-1: #d20186;
$color-2: #352d40;
$color-3: #2d252d;
$color-4: #432952;
$color-5: #5a1c90;

TAILWIND

colors: {
  'brand-1': '#d20186',
  'brand-2': '#352d40',
  'brand-3': '#2d252d',
  'brand-4': '#432952',
  'brand-5': '#5a1c90',
}

RGB Array

[210, 1, 134], [53, 45, 64], [45, 37, 45], [67, 41, 82], [90, 28, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D20186, #352D40, #2D252D, #432952, #5A1C90 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: #d20186; --color-2: #352d40; --color-3: #2d252d; --color-4: #432952; --color-5: #5a1c90. 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