← Back to Editor

#BC4704 · #9B2400 · #57060C · #390000 · #160100

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

#BC4704

Tangerine · Chocolate · Amber Brown

HEX
#BC4704
RGB
rgb(188, 71, 4)
HSL
hsl(22, 96%, 38%)
HSB
hsb(22, 98%, 74%)
CMYK
cmyk(0%, 62%, 98%, 26%)
Oklch
oklch(55.1% 0.164 42.2)

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

#9B2400

Vermilion · DarkRed · Wine Red

HEX
#9B2400
RGB
rgb(155, 36, 0)
HSL
hsl(14, 100%, 30%)
HSB
hsb(14, 100%, 61%)
CMYK
cmyk(0%, 77%, 100%, 39%)
Oklch
oklch(45.3% 0.160 34.8)

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

#57060C

Vermilion · Maroon · Deep Berry

HEX
#57060C
RGB
rgb(87, 6, 12)
HSL
hsl(356, 87%, 18%)
HSB
hsb(356, 93%, 34%)
CMYK
cmyk(0%, 93%, 86%, 66%)
Oklch
oklch(29.3% 0.111 24.7)

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

#390000

Vermilion · Black · Deep Berry

HEX
#390000
RGB
rgb(57, 0, 0)
HSL
hsl(0, 100%, 11%)
HSB
hsb(0, 100%, 22%)
CMYK
cmyk(0%, 100%, 100%, 78%)
Oklch
oklch(21.6% 0.089 29.2)

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

#160100

Vermilion · Black · Deep Berry

HEX
#160100
RGB
rgb(22, 1, 0)
HSL
hsl(3, 100%, 4%)
HSB
hsb(3, 100%, 9%)
CMYK
cmyk(0%, 95%, 100%, 91%)
Oklch
oklch(13.0% 0.048 33.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BC4704
047ABE

Analogous

BE041D
BC4704
BEA504

Triadic

BC4704
04BE48
4804BE

Split-Comp.

BC4704
04BEA5
041DBE

Tetradic

BC4704
1DBE04
047ABE
A504BE

Contrast Matrix WCAG 2.1 Contrast

BC4704
9B2400
57060C
390000
160100
—
1.5
Fail
2.8
Fail
3.4
AA Large
3.9
AA Large
1.5
Fail
—
1.8
Fail
2.3
Fail
2.5
Fail
2.8
Fail
1.8
Fail
—
1.2
Fail
1.4
Fail
3.4
AA Large
2.3
Fail
1.2
Fail
—
1.1
Fail
3.9
AA Large
2.5
Fail
1.4
Fail
1.1
Fail
—
White BG
5.2AA
7.9AAA
14.6AAA
17.9AAA
20.2AAA
Black BG
4.0AA Large
2.6Fail
1.4Fail
1.2Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

898814
676609
34330B
202000
0D0D00

Deuteranopia

909918
6E770B
393F0A
242800
0E1000

Tritanopia

B62124
951011
530909
360000
150000

Achromatopsia

626262
434343
1F1F1F
111111
070707

Shades & Tints Shades & Tints

#BC4704

Dark
Light

#9B2400

Dark
Light

#57060C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bc4704;
  --color-2: #9b2400;
  --color-3: #57060c;
  --color-4: #390000;
  --color-5: #160100;
}

SCSS

$color-1: #bc4704;
$color-2: #9b2400;
$color-3: #57060c;
$color-4: #390000;
$color-5: #160100;

TAILWIND

colors: {
  'brand-1': '#bc4704',
  'brand-2': '#9b2400',
  'brand-3': '#57060c',
  'brand-4': '#390000',
  'brand-5': '#160100',
}

RGB Array

[188, 71, 4], [155, 36, 0], [87, 6, 12], [57, 0, 0], [22, 1, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BC4704, #9B2400, #57060C, #390000, #160100 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: #bc4704; --color-2: #9b2400; --color-3: #57060c; --color-4: #390000; --color-5: #160100. 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