← Back to Editor

#2E112C · #B38D1B · #764C0E · #69081C · #4F0808

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#2E112C

Rose Purple · Black · Dark Purple

HEX
#2E112C
RGB
rgb(46, 17, 44)
HSL
hsl(304, 46%, 12%)
HSB
hsb(304, 63%, 18%)
CMYK
cmyk(0%, 63%, 4%, 82%)
Oklch
oklch(23.5% 0.064 330.0)

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

#B38D1B

Ochre · DarkGoldenRod · Honey Gold

HEX
#B38D1B
RGB
rgb(179, 141, 27)
HSL
hsl(45, 74%, 40%)
HSB
hsb(45, 85%, 70%)
CMYK
cmyk(0%, 21%, 85%, 30%)
Oklch
oklch(66.1% 0.128 88.2)

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

#764C0E

Ochre · Sienna · Amber Brown

HEX
#764C0E
RGB
rgb(118, 76, 14)
HSL
hsl(36, 79%, 26%)
HSB
hsb(36, 88%, 46%)
CMYK
cmyk(0%, 36%, 88%, 54%)
Oklch
oklch(45.4% 0.092 70.4)

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

#69081C

Vermilion · Maroon · Wine Red

HEX
#69081C
RGB
rgb(105, 8, 28)
HSL
hsl(348, 86%, 22%)
HSB
hsb(348, 92%, 41%)
CMYK
cmyk(0%, 92%, 73%, 59%)
Oklch
oklch(33.5% 0.127 18.2)

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

#4F0808

Vermilion · Maroon · Deep Berry

HEX
#4F0808
RGB
rgb(79, 8, 8)
HSL
hsl(0, 82%, 17%)
HSB
hsb(0, 90%, 31%)
CMYK
cmyk(0%, 90%, 90%, 69%)
Oklch
oklch(27.7% 0.102 27.1)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E112C
112D12

Analogous

20112D
2E112C
2D111D

Triadic

2E112C
2B2D11
112B2D

Split-Comp.

2E112C
1D2D11
112D20

Tetradic

2E112C
2D2011
112D12
111D2D

Contrast Matrix WCAG 2.1 Contrast

2E112C
B38D1B
764C0E
69081C
4F0808
—
5.5
AA
2.3
Fail
1.3
Fail
1.1
Fail
5.5
AA
—
2.4
Fail
4.1
AA Large
4.9
AA
2.3
Fail
2.4
Fail
—
1.7
Fail
2.1
Fail
1.3
Fail
4.1
AA Large
1.7
Fail
—
1.2
Fail
1.1
Fail
4.9
AA
2.1
Fail
1.2
Fail
—
White BG
17.0AAA
3.1AA Large
7.5AAA
12.7AAA
15.3AAA
Black BG
1.2Fail
6.7AA
2.8Fail
1.7Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

212125
A3A237
64631D
3F3E17
303008

Deuteranopia

232524
A5A83D
666921
454C16
343A08

Tritanopia

2D201F
B14C51
74292B
641313
4B0808

Achromatopsia

1D1D1D
8B8B8B
515151
272727
1D1D1D

Shades & Tints Shades & Tints

#2E112C

Dark
Light

#B38D1B

Dark
Light

#764C0E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e112c;
  --color-2: #b38d1b;
  --color-3: #764c0e;
  --color-4: #69081c;
  --color-5: #4f0808;
}

SCSS

$color-1: #2e112c;
$color-2: #b38d1b;
$color-3: #764c0e;
$color-4: #69081c;
$color-5: #4f0808;

TAILWIND

colors: {
  'brand-1': '#2e112c',
  'brand-2': '#b38d1b',
  'brand-3': '#764c0e',
  'brand-4': '#69081c',
  'brand-5': '#4f0808',
}

RGB Array

[46, 17, 44], [179, 141, 27], [118, 76, 14], [105, 8, 28], [79, 8, 8]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2E112C, #B38D1B, #764C0E, #69081C, #4F0808 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #2e112c; --color-2: #b38d1b; --color-3: #764c0e; --color-4: #69081c; --color-5: #4f0808. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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