#29203C + #4E3B37 + #8F6E70 + #702A26 + #EB1E29 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#29203C

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX

#29203C

RGB

rgb(41, 32, 60)

HSL

hsl(259, 30%, 18%)

HSB

hsb(259, 47%, 24%)

CMYK

cmyk(32%, 47%, 0%, 76%)

Oklch

oklch(26.8% 0.052 297.6)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#4E3B37

Crimson · DarkSlateGray · Wine Red

HEX

#4E3B37

RGB

rgb(78, 59, 55)

HSL

hsl(10, 17%, 26%)

HSB

hsb(10, 29%, 31%)

CMYK

cmyk(0%, 24%, 29%, 69%)

Oklch

oklch(37.2% 0.028 32.0)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#8F6E70

Crimson · Gray · Passion Red

HEX

#8F6E70

RGB

rgb(143, 110, 112)

HSL

hsl(356, 13%, 50%)

HSB

hsb(356, 23%, 56%)

CMYK

cmyk(0%, 23%, 22%, 44%)

Oklch

oklch(57.1% 0.042 14.4)

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

#702A26

Crimson · Brown · Wine Red

HEX

#702A26

RGB

rgb(112, 42, 38)

HSL

hsl(3, 49%, 29%)

HSB

hsb(3, 66%, 44%)

CMYK

cmyk(0%, 63%, 66%, 56%)

Oklch

oklch(38.6% 0.100 26.1)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#EB1E29

Vermilion · Crimson · Passion Red

HEX

#EB1E29

RGB

rgb(235, 30, 41)

HSL

hsl(357, 84%, 52%)

HSB

hsb(357, 87%, 92%)

CMYK

cmyk(0%, 87%, 83%, 8%)

Oklch

oklch(60.1% 0.232 26.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

29203C

333C20

Analogous

20253C

29203C

37203C

Triadic

29203C

3C2920

203C29

Split-Comp.

29203C

3C3720

253C20

Tetradic

29203C

3C2025

333C20

203C37

Contrast Matrix WCAG 2.1 Contrast

29203C	4E3B37	8F6E70	702A26	EB1E29
—	1.5 Fail	3.4 AA Large	1.5 Fail	3.5 AA Large
1.5 Fail	—	2.3 Fail	1.0 Fail	2.4 Fail
3.4 AA Large	2.3 Fail	—	2.3 Fail	1.0 Fail
1.5 Fail	1.0 Fail	2.3 Fail	—	2.3 Fail
3.5 AA Large	2.4 Fail	1.0 Fail	2.3 Fail	—

White BG

15.4AAA

10.5AAA

4.5AA

10.3AAA

4.4AA Large

Black BG

1.4Fail

2.0Fail

4.6AA

2.0Fail

4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

252535

464638

818070

525127

929026

Deuteranopia

262634

474838

83856F

565B27

9EAE26

Tritanopia

29302F

4D3939

8D6F6F

6C2828

E12424

Achromatopsia

262626

404040

787878

3E3E3E

5D5D5D

Shades & Tints Shades & Tints

#29203C

Dark

Light

#4E3B37

Dark

Light

#8F6E70

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #29203c;
  --color-2: #4e3b37;
  --color-3: #8f6e70;
  --color-4: #702a26;
  --color-5: #eb1e29;
}

SCSS

$color-1: #29203c;
$color-2: #4e3b37;
$color-3: #8f6e70;
$color-4: #702a26;
$color-5: #eb1e29;

TAILWIND

colors: {
  'brand-1': '#29203c',
  'brand-2': '#4e3b37',
  'brand-3': '#8f6e70',
  'brand-4': '#702a26',
  'brand-5': '#eb1e29',
}

RGB Array

[41, 32, 60], [78, 59, 55], [143, 110, 112], [112, 42, 38], [235, 30, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #29203C, #4E3B37, #8F6E70, #702A26, #EB1E29 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: #29203c; --color-2: #4e3b37; --color-3: #8f6e70; --color-4: #702a26; --color-5: #eb1e29. 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