← Back to Editor

#EF8823 · #BC320E · #831E14 · #5D1614 · #40090C

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

#EF8823

Ginger · GoldenRod · Warm Sun

HEX
#EF8823
RGB
rgb(239, 136, 35)
HSL
hsl(30, 86%, 54%)
HSB
hsb(30, 85%, 94%)
CMYK
cmyk(0%, 43%, 85%, 6%)
Oklch
oklch(72.4% 0.162 58.2)

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

#BC320E

Vermilion · FireBrick · Wine Red

HEX
#BC320E
RGB
rgb(188, 50, 14)
HSL
hsl(12, 86%, 40%)
HSB
hsb(12, 93%, 74%)
CMYK
cmyk(0%, 73%, 93%, 26%)
Oklch
oklch(52.7% 0.180 34.3)

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

#831E14

Vermilion · Maroon · Wine Red

HEX
#831E14
RGB
rgb(131, 30, 20)
HSL
hsl(5, 74%, 30%)
HSB
hsb(5, 85%, 51%)
CMYK
cmyk(0%, 77%, 85%, 49%)
Oklch
oklch(40.3% 0.138 29.9)

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

#5D1614

Vermilion · Maroon · Wine Red

HEX
#5D1614
RGB
rgb(93, 22, 20)
HSL
hsl(2, 65%, 22%)
HSB
hsb(2, 78%, 36%)
CMYK
cmyk(0%, 76%, 78%, 64%)
Oklch
oklch(32.1% 0.103 26.5)

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

#40090C

Vermilion · Black · Deep Berry

HEX
#40090C
RGB
rgb(64, 9, 12)
HSL
hsl(357, 75%, 14%)
HSB
hsb(357, 86%, 25%)
CMYK
cmyk(0%, 86%, 81%, 75%)
Oklch
oklch(24.6% 0.083 23.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EF8823
258AEF

Analogous

EF2525
EF8823
EFEF25

Triadic

EF8823
25EF8A
8A25EF

Split-Comp.

EF8823
25EFEF
2525EF

Tetradic

EF8823
25EF25
258AEF
EF25EF

Contrast Matrix WCAG 2.1 Contrast

EF8823
BC320E
831E14
5D1614
40090C
—
2.3
Fail
3.8
AA Large
5.2
AA
6.5
AA
2.3
Fail
—
1.7
Fail
2.3
Fail
2.9
Fail
3.8
AA Large
1.7
Fail
—
1.4
Fail
1.7
Fail
5.2
AA
2.3
Fail
1.4
Fail
—
1.3
Fail
6.5
AA
2.9
Fail
1.7
Fail
1.3
Fail
—
White BG
2.6Fail
5.8AA
9.7AAA
13.2AAA
16.6AAA
Black BG
8.2AAA
3.6AA Large
2.2Fail
1.6Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C13B
807F17
575616
3E3E14
28280B

Deuteranopia

C8D041
889319
5D6517
424815
2B300B

Tritanopia

EA4F53
B51E1F
7E1819
591515
3D0B0B

Achromatopsia

9B9B9B
575757
3B3B3B
2B2B2B
1A1A1A

Shades & Tints Shades & Tints

#EF8823

Dark
Light

#BC320E

Dark
Light

#831E14

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ef8823;
  --color-2: #bc320e;
  --color-3: #831e14;
  --color-4: #5d1614;
  --color-5: #40090c;
}

SCSS

$color-1: #ef8823;
$color-2: #bc320e;
$color-3: #831e14;
$color-4: #5d1614;
$color-5: #40090c;

TAILWIND

colors: {
  'brand-1': '#ef8823',
  'brand-2': '#bc320e',
  'brand-3': '#831e14',
  'brand-4': '#5d1614',
  'brand-5': '#40090c',
}

RGB Array

[239, 136, 35], [188, 50, 14], [131, 30, 20], [93, 22, 20], [64, 9, 12]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EF8823, #BC320E, #831E14, #5D1614, #40090C 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: #ef8823; --color-2: #bc320e; --color-3: #831e14; --color-4: #5d1614; --color-5: #40090c. 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