#291D21 + #472730 + #E31751 + #EB3F1C + #EBA61C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#291D21

Dark Violet · Black · Raspberry

HEX

#291D21

RGB

rgb(41, 29, 33)

HSL

hsl(340, 17%, 14%)

HSB

hsb(340, 29%, 16%)

CMYK

cmyk(0%, 29%, 20%, 84%)

Oklch

oklch(24.7% 0.020 356.8)

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

#472730

Dark Violet · DarkSlateGray · Raspberry

HEX

#472730

RGB

rgb(71, 39, 48)

HSL

hsl(343, 29%, 22%)

HSB

hsb(343, 45%, 28%)

CMYK

cmyk(0%, 45%, 32%, 72%)

Oklch

oklch(31.7% 0.050 2.2)

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

#E31751

Dark Violet · Crimson · Camellia

HEX

#E31751

RGB

rgb(227, 23, 81)

HSL

hsl(343, 82%, 49%)

HSB

hsb(343, 90%, 89%)

CMYK

cmyk(0%, 90%, 64%, 11%)

Oklch

oklch(58.9% 0.227 14.4)

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

#EB3F1C

Vermilion · OrangeRed · Passion Red

HEX

#EB3F1C

RGB

rgb(235, 63, 28)

HSL

hsl(10, 84%, 52%)

HSB

hsb(10, 88%, 92%)

CMYK

cmyk(0%, 73%, 88%, 8%)

Oklch

oklch(62.2% 0.213 33.0)

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

#EBA61C

Ginger · GoldenRod · Sunflower

HEX

#EBA61C

RGB

rgb(235, 166, 28)

HSL

hsl(40, 84%, 52%)

HSB

hsb(40, 88%, 92%)

CMYK

cmyk(0%, 29%, 88%, 8%)

Oklch

oklch(77.2% 0.155 77.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

291D21

1E2A26

Analogous

2A1E28

291D21

2A201E

Triadic

291D21

222A1E

1E222A

Split-Comp.

291D21

1E2A20

1E282A

Tetradic

291D21

282A1E

1E2A26

201E2A

Contrast Matrix WCAG 2.1 Contrast

291D21	472730	E31751	EB3F1C	EBA61C
—	1.2 Fail	3.5 AA Large	4.1 AA Large	7.7 AAA
1.2 Fail	—	2.8 Fail	3.3 AA Large	6.2 AA
3.5 AA Large	2.8 Fail	—	1.2 Fail	2.2 Fail
4.1 AA Large	3.3 AA Large	1.2 Fail	—	1.9 Fail
7.7 AAA	6.2 AA	2.2 Fail	1.9 Fail	—

White BG

16.3AAA

13.1AAA

4.7AA

4.0AA Large

2.1Fail

Black BG

1.3Fail

1.6Fail

4.5AA

5.3AA

10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

242420

39392E

8B8943

A19F24

CDCD3D

Deuteranopia

252520

3B3D2D

97A640

ABB727

D1D645

Tritanopia

281F1F

452C2C

D93835

E22B2D

E8585E

Achromatopsia

212121

323232

5B5B5B

6E6E6E

ABABAB

Shades & Tints Shades & Tints

#291D21

Dark

Light

#472730

Dark

Light

#E31751

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #291d21;
  --color-2: #472730;
  --color-3: #e31751;
  --color-4: #eb3f1c;
  --color-5: #eba61c;
}

SCSS

$color-1: #291d21;
$color-2: #472730;
$color-3: #e31751;
$color-4: #eb3f1c;
$color-5: #eba61c;

TAILWIND

colors: {
  'brand-1': '#291d21',
  'brand-2': '#472730',
  'brand-3': '#e31751',
  'brand-4': '#eb3f1c',
  'brand-5': '#eba61c',
}

RGB Array

[41, 29, 33], [71, 39, 48], [227, 23, 81], [235, 63, 28], [235, 166, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #291D21, #472730, #E31751, #EB3F1C, #EBA61C 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: #291d21; --color-2: #472730; --color-3: #e31751; --color-4: #eb3f1c; --color-5: #eba61c. 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