#3B2739 + #4F2C3D + #B58C12 + #12140E + #211B2E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#3B2739

Rose Purple · DarkSlateGray · Dark Purple

HEX

#3B2739

RGB

rgb(59, 39, 57)

HSL

hsl(306, 20%, 19%)

HSB

hsb(306, 34%, 23%)

CMYK

cmyk(0%, 34%, 3%, 77%)

Oklch

oklch(30.4% 0.042 330.0)

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

#4F2C3D

Dark Violet · DarkSlateGray · Raspberry

HEX

#4F2C3D

RGB

rgb(79, 44, 61)

HSL

hsl(331, 28%, 24%)

HSB

hsb(331, 44%, 31%)

CMYK

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

Oklch

oklch(34.4% 0.057 350.0)

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

#B58C12

Ochre · DarkGoldenRod · Honey Gold

HEX

#B58C12

RGB

rgb(181, 140, 18)

HSL

hsl(45, 82%, 39%)

HSB

hsb(45, 90%, 71%)

CMYK

cmyk(0%, 23%, 90%, 29%)

Oklch

oklch(66.1% 0.131 87.0)

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

#12140E

Grass Green · Black · Dark Green

HEX

#12140E

RGB

rgb(18, 20, 14)

HSL

hsl(80, 18%, 7%)

HSB

hsb(80, 30%, 8%)

CMYK

cmyk(10%, 0%, 30%, 92%)

Oklch

oklch(18.7% 0.012 122.6)

Traditional「Grass Green」· Paint「Dark Green」· Creative Blush Sunrise

#211B2E

Deep Indigo · Black · Deep Sea Blue

HEX

#211B2E

RGB

rgb(33, 27, 46)

HSL

hsl(259, 26%, 14%)

HSB

hsb(259, 41%, 18%)

CMYK

cmyk(28%, 41%, 0%, 82%)

Oklch

oklch(23.9% 0.037 298.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3B2739

273A29

Analogous

32273A

3B2739

3A272F

Triadic

3B2739

383A27

27383A

Split-Comp.

3B2739

2F3A27

273A32

Tetradic

3B2739

3A3227

273A29

272F3A

Contrast Matrix WCAG 2.1 Contrast

3B2739	4F2C3D	B58C12	12140E	211B2E
—	1.1 Fail	4.4 AA Large	1.4 Fail	1.2 Fail
1.1 Fail	—	3.8 AA Large	1.6 Fail	1.4 Fail
4.4 AA Large	3.8 AA Large	—	5.9 AA	5.3 AA
1.4 Fail	1.6 Fail	5.9 AA	—	1.1 Fail
1.2 Fail	1.4 Fail	5.3 AA	1.1 Fail	—

White BG

13.7AAA

11.9AAA

3.1AA Large

18.5AAA

16.7AAA

Black BG

1.5Fail

1.8Fail

6.7AA

1.1Fail

1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

323235

404039

A3A330

13130F

1E1E29

Deuteranopia

343534

424538

A6A937

131310

1F1F28

Tritanopia

3A3130

4D3635

B3474C

121111

212625

Achromatopsia

2F2F2F

383838

8A8A8A

131313

1F1F1F

Shades & Tints Shades & Tints

#3B2739

Dark

Light

#4F2C3D

Dark

Light

#B58C12

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3b2739;
  --color-2: #4f2c3d;
  --color-3: #b58c12;
  --color-4: #12140e;
  --color-5: #211b2e;
}

SCSS

$color-1: #3b2739;
$color-2: #4f2c3d;
$color-3: #b58c12;
$color-4: #12140e;
$color-5: #211b2e;

TAILWIND

colors: {
  'brand-1': '#3b2739',
  'brand-2': '#4f2c3d',
  'brand-3': '#b58c12',
  'brand-4': '#12140e',
  'brand-5': '#211b2e',
}

RGB Array

[59, 39, 57], [79, 44, 61], [181, 140, 18], [18, 20, 14], [33, 27, 46]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3B2739, #4F2C3D, #B58C12, #12140E, #211B2E 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: #3b2739; --color-2: #4f2c3d; --color-3: #b58c12; --color-4: #12140e; --color-5: #211b2e. 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