← Back to Editor

#1D0827 · #3C0928 · #BA1035 · #BC7E4D · #E4CEA7

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 AppData Visualization

Color Details Color Details

#1D0827

Royal Purple · Black · Dark Purple

HEX
#1D0827
RGB
rgb(29, 8, 39)
HSL
hsl(281, 66%, 9%)
HSB
hsb(281, 79%, 15%)
CMYK
cmyk(26%, 79%, 0%, 85%)
Oklch
oklch(18.8% 0.064 313.2)

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

#3C0928

Rose Purple · Black · Raspberry

HEX
#3C0928
RGB
rgb(60, 9, 40)
HSL
hsl(324, 74%, 14%)
HSB
hsb(324, 85%, 24%)
CMYK
cmyk(0%, 85%, 33%, 76%)
Oklch
oklch(24.7% 0.086 348.0)

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

#BA1035

Vermilion · FireBrick · Wine Red

HEX
#BA1035
RGB
rgb(186, 16, 53)
HSL
hsl(347, 84%, 40%)
HSB
hsb(347, 91%, 73%)
CMYK
cmyk(0%, 91%, 72%, 27%)
Oklch
oklch(50.5% 0.195 18.9)

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

#BC7E4D

Tangerine · Chocolate · Warm Sun

HEX
#BC7E4D
RGB
rgb(188, 126, 77)
HSL
hsl(26, 45%, 52%)
HSB
hsb(26, 59%, 74%)
CMYK
cmyk(0%, 33%, 59%, 26%)
Oklch
oklch(64.7% 0.101 58.0)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#E4CEA7

Goose Yellow · Wheat · Peach Orange

HEX
#E4CEA7
RGB
rgb(228, 206, 167)
HSL
hsl(38, 53%, 77%)
HSB
hsb(38, 27%, 89%)
CMYK
cmyk(0%, 10%, 27%, 11%)
Oklch
oklch(86.0% 0.057 81.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1D0827
112608

Analogous

0D0826
1D0827
260821

Triadic

1D0827
261D08
08261D

Split-Comp.

1D0827
212608
08260D

Tetradic

1D0827
260D08
112608
082126

Contrast Matrix WCAG 2.1 Contrast

1D0827
3C0928
BA1035
BC7E4D
E4CEA7
—
1.1
Fail
2.9
Fail
5.6
AA
12.3
AAA
1.1
Fail
—
2.5
Fail
4.9
AA
10.8
AAA
2.9
Fail
2.5
Fail
—
1.9
Fail
4.3
AA Large
5.6
AA
4.9
AA
1.9
Fail
—
2.2
Fail
12.3
AAA
10.8
AAA
4.3
AA Large
2.2
Fail
—
White BG
18.8AAA
16.6AAA
6.5AA
3.4AA Large
1.5Fail
Black BG
1.1Fail
1.3Fail
3.2AA Large
6.2AA
13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

14141F
262520
706F2C
A1A159
DADAB0

Deuteranopia

15171E
292D1F
7A872A
A5A95C
DCDDB3

Tritanopia

1C1A18
391B19
B22523
B96264
E3B8BA

Achromatopsia

121212
1C1C1C
474747
8B8B8B
D0D0D0

Shades & Tints Shades & Tints

#1D0827

Dark
Light

#3C0928

Dark
Light

#BA1035

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1d0827;
  --color-2: #3c0928;
  --color-3: #ba1035;
  --color-4: #bc7e4d;
  --color-5: #e4cea7;
}

SCSS

$color-1: #1d0827;
$color-2: #3c0928;
$color-3: #ba1035;
$color-4: #bc7e4d;
$color-5: #e4cea7;

TAILWIND

colors: {
  'brand-1': '#1d0827',
  'brand-2': '#3c0928',
  'brand-3': '#ba1035',
  'brand-4': '#bc7e4d',
  'brand-5': '#e4cea7',
}

RGB Array

[29, 8, 39], [60, 9, 40], [186, 16, 53], [188, 126, 77], [228, 206, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1D0827, #3C0928, #BA1035, #BC7E4D, #E4CEA7 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #1d0827; --color-2: #3c0928; --color-3: #ba1035; --color-4: #bc7e4d; --color-5: #e4cea7. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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