#9E142D + #82112F + #231D29 + #29232F + #2B2A38 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#9E142D

Vermilion · Brown · Wine Red

HEX

#9E142D

RGB

rgb(158, 20, 45)

HSL

hsl(349, 78%, 35%)

HSB

hsb(349, 87%, 62%)

CMYK

cmyk(0%, 87%, 72%, 38%)

Oklch

oklch(45.1% 0.169 19.2)

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

#82112F

Dark Violet · Brown · Camellia

HEX

#82112F

RGB

rgb(130, 17, 47)

HSL

hsl(344, 77%, 29%)

HSB

hsb(344, 87%, 51%)

CMYK

cmyk(0%, 87%, 64%, 49%)

Oklch

oklch(39.5% 0.145 13.3)

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

#231D29

Dark Plum · Black · Dark Purple

HEX

#231D29

RGB

rgb(35, 29, 41)

HSL

hsl(270, 17%, 14%)

HSB

hsb(270, 29%, 16%)

CMYK

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

Oklch

oklch(24.3% 0.024 307.4)

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

#29232F

Dark Plum · DarkSlateGray · Dark Purple

HEX

#29232F

RGB

rgb(41, 35, 47)

HSL

hsl(270, 15%, 16%)

HSB

hsb(270, 26%, 18%)

CMYK

cmyk(13%, 26%, 0%, 82%)

Oklch

oklch(26.8% 0.023 307.5)

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

#2B2A38

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX

#2B2A38

RGB

rgb(43, 42, 56)

HSL

hsl(244, 14%, 19%)

HSB

hsb(244, 25%, 22%)

CMYK

cmyk(23%, 25%, 0%, 78%)

Oklch

oklch(29.2% 0.025 288.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9E142D

149F85

Analogous

9F1473

9E142D

9F4014

Triadic

9E142D

2D9F14

142D9F

Split-Comp.

9E142D

149F40

14739F

Tetradic

9E142D

739F14

149F85

40149F

Contrast Matrix WCAG 2.1 Contrast

9E142D	82112F	231D29	29232F	2B2A38
—	1.3 Fail	2.0 Fail	1.9 Fail	1.7 Fail
1.3 Fail	—	1.6 Fail	1.5 Fail	1.4 Fail
2.0 Fail	1.6 Fail	—	1.1 Fail	1.2 Fail
1.9 Fail	1.5 Fail	1.1 Fail	—	1.1 Fail
1.7 Fail	1.4 Fail	1.2 Fail	1.1 Fail	—

White BG

8.1AAA

10.1AAA

16.4AAA

15.3AAA

14.1AAA

Black BG

2.6Fail

2.1Fail

1.3Fail

1.4Fail

1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

626127

515028

202026

26262C

2B2B35

Deuteranopia

6A7526

586026

212125

27272B

2B2B34

Tritanopia

972221

7C2221

232423

292A29

2B3231

Achromatopsia

404040

363636

202020

262626

2C2C2C

Shades & Tints Shades & Tints

#9E142D

Dark

Light

#82112F

Dark

Light

#231D29

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9e142d;
  --color-2: #82112f;
  --color-3: #231d29;
  --color-4: #29232f;
  --color-5: #2b2a38;
}

SCSS

$color-1: #9e142d;
$color-2: #82112f;
$color-3: #231d29;
$color-4: #29232f;
$color-5: #2b2a38;

TAILWIND

colors: {
  'brand-1': '#9e142d',
  'brand-2': '#82112f',
  'brand-3': '#231d29',
  'brand-4': '#29232f',
  'brand-5': '#2b2a38',
}

RGB Array

[158, 20, 45], [130, 17, 47], [35, 29, 41], [41, 35, 47], [43, 42, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9E142D, #82112F, #231D29, #29232F, #2B2A38 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: #9e142d; --color-2: #82112f; --color-3: #231d29; --color-4: #29232f; --color-5: #2b2a38. 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