#34082B + #350F2E + #361630 + #371D33 + #382435 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#34082B

Rose Purple · Black · Dark Purple

HEX

#34082B

RGB

rgb(52, 8, 43)

HSL

hsl(312, 73%, 12%)

HSB

hsb(312, 85%, 20%)

CMYK

cmyk(0%, 85%, 17%, 80%)

Oklch

oklch(23.2% 0.084 337.4)

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

#350F2E

Rose Purple · Black · Dark Purple

HEX

#350F2E

RGB

rgb(53, 15, 46)

HSL

hsl(311, 56%, 13%)

HSB

hsb(311, 72%, 21%)

CMYK

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

Oklch

oklch(24.5% 0.075 335.5)

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

#361630

Rose Purple · DarkSlateGray · Dark Purple

HEX

#361630

RGB

rgb(54, 22, 48)

HSL

hsl(311, 42%, 15%)

HSB

hsb(311, 59%, 21%)

CMYK

cmyk(0%, 59%, 11%, 79%)

Oklch

oklch(25.9% 0.065 334.9)

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

#371D33

Rose Purple · DarkSlateGray · Dark Purple

HEX

#371D33

RGB

rgb(55, 29, 51)

HSL

hsl(309, 31%, 16%)

HSB

hsb(309, 47%, 22%)

CMYK

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

Oklch

oklch(27.5% 0.054 332.7)

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

#382435

Rose Purple · DarkSlateGray · Dark Purple

HEX

#382435

RGB

rgb(56, 36, 53)

HSL

hsl(309, 22%, 18%)

HSB

hsb(309, 36%, 22%)

CMYK

cmyk(0%, 36%, 5%, 78%)

Oklch

oklch(29.2% 0.041 332.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

34082B

083511

Analogous

280835

34082B

350816

Triadic

34082B

2C3508

082C35

Split-Comp.

34082B

163508

083528

Tetradic

34082B

352808

083511

081635

Contrast Matrix WCAG 2.1 Contrast

34082B	350F2E	361630	371D33	382435
—	1.0 Fail	1.1 Fail	1.1 Fail	1.2 Fail
1.0 Fail	—	1.0 Fail	1.1 Fail	1.2 Fail
1.1 Fail	1.0 Fail	—	1.1 Fail	1.1 Fail
1.1 Fail	1.1 Fail	1.1 Fail	—	1.1 Fail
1.2 Fail	1.2 Fail	1.1 Fail	1.1 Fail	—

White BG

17.3AAA

16.7AAA

16.0AAA

15.2AAA

14.3AAA

Black BG

1.2Fail

1.3Fail

1.4Fail

1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

212123

252426

28282A

2C2C2E

2F2F31

Deuteranopia

242721

272A25

2A2C28

2D2F2C

313230

Tritanopia

321C1A

33211F

342524

362929

372E2D

Achromatopsia

191919

1E1E1E

232323

272727

2C2C2C

Shades & Tints Shades & Tints

#34082B

Dark

Light

#350F2E

Dark

Light

#361630

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #34082b;
  --color-2: #350f2e;
  --color-3: #361630;
  --color-4: #371d33;
  --color-5: #382435;
}

SCSS

$color-1: #34082b;
$color-2: #350f2e;
$color-3: #361630;
$color-4: #371d33;
$color-5: #382435;

TAILWIND

colors: {
  'brand-1': '#34082b',
  'brand-2': '#350f2e',
  'brand-3': '#361630',
  'brand-4': '#371d33',
  'brand-5': '#382435',
}

RGB Array

[52, 8, 43], [53, 15, 46], [54, 22, 48], [55, 29, 51], [56, 36, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #34082B, #350F2E, #361630, #371D33, #382435 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: #34082b; --color-2: #350f2e; --color-3: #361630; --color-4: #371d33; --color-5: #382435. 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