#2B182B + #543232 + #C43629 + #BA682D + #B08F4D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#2B182B

Rose Purple · Black · Dark Purple

HEX

#2B182B

RGB

rgb(43, 24, 43)

HSL

hsl(300, 28%, 13%)

HSB

hsb(300, 44%, 17%)

CMYK

cmyk(0%, 44%, 0%, 83%)

Oklch

oklch(24.3% 0.045 326.8)

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

#543232

Crimson · DarkSlateGray · Wine Red

HEX

#543232

RGB

rgb(84, 50, 50)

HSL

hsl(0, 25%, 26%)

HSB

hsb(0, 40%, 33%)

CMYK

cmyk(0%, 40%, 40%, 67%)

Oklch

oklch(35.9% 0.050 19.8)

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

#C43629

Vermilion · FireBrick · Passion Red

HEX

#C43629

RGB

rgb(196, 54, 41)

HSL

hsl(5, 65%, 46%)

HSB

hsb(5, 79%, 77%)

CMYK

cmyk(0%, 72%, 79%, 23%)

Oklch

oklch(54.7% 0.181 29.4)

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

#BA682D

Tangerine · Chocolate · Amber Brown

HEX

#BA682D

RGB

rgb(186, 104, 45)

HSL

hsl(25, 61%, 45%)

HSB

hsb(25, 76%, 73%)

CMYK

cmyk(0%, 44%, 76%, 27%)

Oklch

oklch(60.0% 0.127 53.0)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#B08F4D

Ochre · GoldenRod · Honey Gold

HEX

#B08F4D

RGB

rgb(176, 143, 77)

HSL

hsl(40, 39%, 50%)

HSB

hsb(40, 56%, 69%)

CMYK

cmyk(0%, 19%, 56%, 31%)

Oklch

oklch(66.7% 0.094 83.2)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2B182B

182A18

Analogous

21182A

2B182B

2A1821

Triadic

2B182B

2A2A18

182A2A

Split-Comp.

2B182B

212A18

182A21

Tetradic

2B182B

2A2118

182A18

18212A

Contrast Matrix WCAG 2.1 Contrast

2B182B	543232	C43629	BA682D	B08F4D
—	1.5 Fail	3.1 AA Large	4.0 AA Large	5.4 AA
1.5 Fail	—	2.1 Fail	2.7 Fail	3.7 AA Large
3.1 AA Large	2.1 Fail	—	1.3 Fail	1.8 Fail
4.0 AA Large	2.7 Fail	1.3 Fail	—	1.3 Fail
5.4 AA	3.7 AA Large	1.8 Fail	1.3 Fail	—

White BG

16.6AAA

11.2AAA

5.4AA

4.1AA Large

3.1AA Large

Black BG

1.3Fail

1.9Fail

3.9AA Large

5.1AA

6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

232326

454532

87852C

96963B

A2A15D

Deuteranopia

242525

474A32

8F992D

9BA13F

A4A661

Tritanopia

2A2322

523232

BD2F2F

B64749

AE6A6C

Achromatopsia

202020

3C3C3C

5F5F5F

7A7A7A

919191

Shades & Tints Shades & Tints

#2B182B

Dark

Light

#543232

Dark

Light

#C43629

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2b182b;
  --color-2: #543232;
  --color-3: #c43629;
  --color-4: #ba682d;
  --color-5: #b08f4d;
}

SCSS

$color-1: #2b182b;
$color-2: #543232;
$color-3: #c43629;
$color-4: #ba682d;
$color-5: #b08f4d;

TAILWIND

colors: {
  'brand-1': '#2b182b',
  'brand-2': '#543232',
  'brand-3': '#c43629',
  'brand-4': '#ba682d',
  'brand-5': '#b08f4d',
}

RGB Array

[43, 24, 43], [84, 50, 50], [196, 54, 41], [186, 104, 45], [176, 143, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2B182B, #543232, #C43629, #BA682D, #B08F4D 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: #2b182b; --color-2: #543232; --color-3: #c43629; --color-4: #ba682d; --color-5: #b08f4d. 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