#DD492B + #B82862 + #912D69 + #5C304A + #402636 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DD492B

Vermilion · Chocolate · Passion Red

HEX

#DD492B

RGB

rgb(221, 73, 43)

HSL

hsl(10, 72%, 52%)

HSB

hsb(10, 81%, 87%)

CMYK

cmyk(0%, 67%, 81%, 13%)

Oklch

oklch(60.9% 0.190 33.3)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#B82862

Dark Violet · MediumVioletRed · Camellia

HEX

#B82862

RGB

rgb(184, 40, 98)

HSL

hsl(336, 64%, 44%)

HSB

hsb(336, 78%, 72%)

CMYK

cmyk(0%, 78%, 47%, 28%)

Oklch

oklch(52.5% 0.183 2.1)

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

#912D69

Rose Purple · Purple · Camellia

HEX

#912D69

RGB

rgb(145, 45, 105)

HSL

hsl(324, 53%, 37%)

HSB

hsb(324, 69%, 57%)

CMYK

cmyk(0%, 69%, 28%, 43%)

Oklch

oklch(46.6% 0.149 347.4)

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

#5C304A

Rose Purple · DarkSlateGray · Camellia

HEX

#5C304A

RGB

rgb(92, 48, 74)

HSL

hsl(325, 31%, 27%)

HSB

hsb(325, 48%, 36%)

CMYK

cmyk(0%, 48%, 20%, 64%)

Oklch

oklch(37.5% 0.073 344.8)

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

#402636

Rose Purple · DarkSlateGray · Raspberry

HEX

#402636

RGB

rgb(64, 38, 54)

HSL

hsl(323, 25%, 20%)

HSB

hsb(323, 41%, 25%)

CMYK

cmyk(0%, 41%, 16%, 75%)

Oklch

oklch(30.8% 0.047 342.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DD492B

2CBFDD

Analogous

DD2C67

DD492B

DDA22C

Triadic

DD492B

2CDD4A

4A2CDD

Split-Comp.

DD492B

2CDDA2

2C67DD

Tetradic

DD492B

67DD2C

2CBFDD

A22CDD

Contrast Matrix WCAG 2.1 Contrast

DD492B	B82862	912D69	5C304A	402636
—	1.4 Fail	1.8 Fail	2.6 Fail	3.3 AA Large
1.4 Fail	—	1.3 Fail	1.8 Fail	2.3 Fail
1.8 Fail	1.3 Fail	—	1.4 Fail	1.8 Fail
2.6 Fail	1.8 Fail	1.4 Fail	—	1.3 Fail
3.3 AA Large	2.3 Fail	1.8 Fail	1.3 Fail	—

White BG

4.1AA Large

6.0AA

7.5AAA

10.6AAA

13.6AAA

Black BG

5.1AA

3.5AA Large

2.8Fail

2.0Fail

1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9C32

7A7854

66655A

494944

353532

Deuteranopia

A6B134

828D51

6C7357

4C4F42

363831

Tritanopia

D63839

B14946

8C4F4D

5A3F3E

3F2F2E

Achromatopsia

727272

5A5A5A

525252

404040

303030

Shades & Tints Shades & Tints

#DD492B

Dark

Light

#B82862

Dark

Light

#912D69

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dd492b;
  --color-2: #b82862;
  --color-3: #912d69;
  --color-4: #5c304a;
  --color-5: #402636;
}

SCSS

$color-1: #dd492b;
$color-2: #b82862;
$color-3: #912d69;
$color-4: #5c304a;
$color-5: #402636;

TAILWIND

colors: {
  'brand-1': '#dd492b',
  'brand-2': '#b82862',
  'brand-3': '#912d69',
  'brand-4': '#5c304a',
  'brand-5': '#402636',
}

RGB Array

[221, 73, 43], [184, 40, 98], [145, 45, 105], [92, 48, 74], [64, 38, 54]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DD492B, #B82862, #912D69, #5C304A, #402636 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: #dd492b; --color-2: #b82862; --color-3: #912d69; --color-4: #5c304a; --color-5: #402636. 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