← Back to Editor

#BD4B20 · #982F1E · #712421 · #4A121E · #35061C

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

#BD4B20

Tangerine · Sienna · Amber Brown

HEX
#BD4B20
RGB
rgb(189, 75, 32)
HSL
hsl(16, 71%, 43%)
HSB
hsb(16, 83%, 74%)
CMYK
cmyk(0%, 60%, 83%, 26%)
Oklch
oklch(55.9% 0.157 39.4)

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

#982F1E

Vermilion · Brown · Wine Red

HEX
#982F1E
RGB
rgb(152, 47, 30)
HSL
hsl(8, 67%, 36%)
HSB
hsb(8, 80%, 60%)
CMYK
cmyk(0%, 69%, 80%, 40%)
Oklch
oklch(46.1% 0.143 31.8)

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

#712421

Crimson · Maroon · Wine Red

HEX
#712421
RGB
rgb(113, 36, 33)
HSL
hsl(2, 55%, 29%)
HSB
hsb(2, 71%, 44%)
CMYK
cmyk(0%, 68%, 71%, 56%)
Oklch
oklch(37.8% 0.110 26.0)

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

#4A121E

Vermilion · Maroon · Deep Berry

HEX
#4A121E
RGB
rgb(74, 18, 30)
HSL
hsl(347, 61%, 18%)
HSB
hsb(347, 76%, 29%)
CMYK
cmyk(0%, 76%, 59%, 71%)
Oklch
oklch(28.1% 0.085 11.8)

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

#35061C

Dark Violet · Black · Raspberry

HEX
#35061C
RGB
rgb(53, 6, 28)
HSL
hsl(332, 80%, 12%)
HSB
hsb(332, 89%, 21%)
CMYK
cmyk(0%, 89%, 47%, 79%)
Oklch
oklch(22.4% 0.077 356.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BD4B20
2092BC

Analogous

BC2044
BD4B20
BC9720

Triadic

BD4B20
20BC49
4920BC

Split-Comp.

BD4B20
20BC97
2044BC

Tetradic

BD4B20
44BC20
2092BC
9720BC

Contrast Matrix WCAG 2.1 Contrast

BD4B20
982F1E
712421
4A121E
35061C
—
1.5
Fail
2.1
Fail
3.0
AA Large
3.5
AA Large
1.5
Fail
—
1.4
Fail
2.0
Fail
2.3
Fail
2.1
Fail
1.4
Fail
—
1.4
Fail
1.7
Fail
3.0
AA Large
2.0
Fail
1.4
Fail
—
1.2
Fail
3.5
AA Large
2.3
Fail
1.7
Fail
1.2
Fail
—
White BG
5.0AA
7.6AAA
10.6AAA
15.0AAA
17.6AAA
Black BG
4.2AA Large
2.8Fail
2.0Fail
1.4Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8B2A
6B6A22
504F22
32311B
212017

Deuteranopia

929B2D
717823
545A22
35391A
232715

Tritanopia

B73334
932526
6D2222
471918
331212

Achromatopsia

686868
4C4C4C
3B3B3B
242424
171717

Shades & Tints Shades & Tints

#BD4B20

Dark
Light

#982F1E

Dark
Light

#712421

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bd4b20;
  --color-2: #982f1e;
  --color-3: #712421;
  --color-4: #4a121e;
  --color-5: #35061c;
}

SCSS

$color-1: #bd4b20;
$color-2: #982f1e;
$color-3: #712421;
$color-4: #4a121e;
$color-5: #35061c;

TAILWIND

colors: {
  'brand-1': '#bd4b20',
  'brand-2': '#982f1e',
  'brand-3': '#712421',
  'brand-4': '#4a121e',
  'brand-5': '#35061c',
}

RGB Array

[189, 75, 32], [152, 47, 30], [113, 36, 33], [74, 18, 30], [53, 6, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BD4B20, #982F1E, #712421, #4A121E, #35061C 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: #bd4b20; --color-2: #982f1e; --color-3: #712421; --color-4: #4a121e; --color-5: #35061c. 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