← Back to Editor

#0E040D · #3C0E0E · #5D230B · #774219 · #8F5C2C

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

#0E040D

Rose Purple · Black · Dark Purple

HEX
#0E040D
RGB
rgb(14, 4, 13)
HSL
hsl(306, 56%, 4%)
HSB
hsb(306, 71%, 5%)
CMYK
cmyk(0%, 71%, 7%, 95%)
Oklch
oklch(13.2% 0.030 330.3)

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

#3C0E0E

Vermilion · Black · Deep Berry

HEX
#3C0E0E
RGB
rgb(60, 14, 14)
HSL
hsl(0, 62%, 15%)
HSB
hsb(0, 77%, 24%)
CMYK
cmyk(0%, 77%, 77%, 76%)
Oklch
oklch(24.4% 0.072 24.2)

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

#5D230B

Tangerine · Maroon · Cinnamon

HEX
#5D230B
RGB
rgb(93, 35, 11)
HSL
hsl(18, 79%, 20%)
HSB
hsb(18, 88%, 36%)
CMYK
cmyk(0%, 62%, 88%, 64%)
Oklch
oklch(33.8% 0.092 40.8)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#774219

Tangerine · Sienna · Amber Brown

HEX
#774219
RGB
rgb(119, 66, 25)
HSL
hsl(26, 65%, 28%)
HSB
hsb(26, 79%, 47%)
CMYK
cmyk(0%, 45%, 79%, 53%)
Oklch
oklch(43.6% 0.091 54.8)

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

#8F5C2C

Tangerine · Sienna · Amber Brown

HEX
#8F5C2C
RGB
rgb(143, 92, 44)
HSL
hsl(29, 53%, 37%)
HSB
hsb(29, 69%, 56%)
CMYK
cmyk(0%, 36%, 69%, 44%)
Oklch
oklch(52.1% 0.092 61.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0E040D
041006

Analogous

0B0410
0E040D
100409

Triadic

0E040D
0F1004
040F10

Split-Comp.

0E040D
091004
04100B

Tetradic

0E040D
100B04
041006
040910

Contrast Matrix WCAG 2.1 Contrast

0E040D
3C0E0E
5D230B
774219
8F5C2C
—
1.2
Fail
1.6
Fail
2.5
Fail
3.6
AA Large
1.2
Fail
—
1.4
Fail
2.0
Fail
3.0
Fail
1.6
Fail
1.4
Fail
—
1.5
Fail
2.2
Fail
2.5
Fail
2.0
Fail
1.5
Fail
—
1.4
Fail
3.6
AA Large
3.0
Fail
2.2
Fail
1.4
Fail
—
White BG
20.2AAA
16.6AAA
12.3AAA
8.1AAA
5.6AA
Black BG
1.0Fail
1.3Fail
1.7Fail
2.6Fail
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

0A0A0B
28280E
444311
606023
797838

Deuteranopia

0A0B0A
2B2E0E
474C12
636725
7C803A

Tritanopia

0D0909
3A0E0E
5A1516
742B2C
8C4143

Achromatopsia

080808
1C1C1C
323232
4D4D4D
666666

Shades & Tints Shades & Tints

#0E040D

Dark
Light

#3C0E0E

Dark
Light

#5D230B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0e040d;
  --color-2: #3c0e0e;
  --color-3: #5d230b;
  --color-4: #774219;
  --color-5: #8f5c2c;
}

SCSS

$color-1: #0e040d;
$color-2: #3c0e0e;
$color-3: #5d230b;
$color-4: #774219;
$color-5: #8f5c2c;

TAILWIND

colors: {
  'brand-1': '#0e040d',
  'brand-2': '#3c0e0e',
  'brand-3': '#5d230b',
  'brand-4': '#774219',
  'brand-5': '#8f5c2c',
}

RGB Array

[14, 4, 13], [60, 14, 14], [93, 35, 11], [119, 66, 25], [143, 92, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0E040D, #3C0E0E, #5D230B, #774219, #8F5C2C 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: #0e040d; --color-2: #3c0e0e; --color-3: #5d230b; --color-4: #774219; --color-5: #8f5c2c. 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