← Back to Editor

#993E10 · #BF421A · #E04736 · #DE8C53 · #2E2324

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

#993E10

Tangerine · Brown · Amber Brown

HEX
#993E10
RGB
rgb(153, 62, 16)
HSL
hsl(20, 81%, 33%)
HSB
hsb(20, 90%, 60%)
CMYK
cmyk(0%, 59%, 90%, 40%)
Oklch
oklch(48.2% 0.133 42.9)

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

#BF421A

Tangerine · FireBrick · Amber Brown

HEX
#BF421A
RGB
rgb(191, 66, 26)
HSL
hsl(15, 76%, 43%)
HSB
hsb(15, 86%, 75%)
CMYK
cmyk(0%, 65%, 86%, 25%)
Oklch
oklch(55.0% 0.168 36.9)

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

#E04736

Vermilion · Chocolate · Passion Red

HEX
#E04736
RGB
rgb(224, 71, 54)
HSL
hsl(6, 73%, 55%)
HSB
hsb(6, 76%, 88%)
CMYK
cmyk(0%, 68%, 76%, 12%)
Oklch
oklch(61.3% 0.192 29.9)

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

#DE8C53

Tangerine · SandyBrown · Warm Sun

HEX
#DE8C53
RGB
rgb(222, 140, 83)
HSL
hsl(25, 68%, 60%)
HSB
hsb(25, 63%, 87%)
CMYK
cmyk(0%, 37%, 63%, 13%)
Oklch
oklch(71.4% 0.124 54.1)

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

#2E2324

Crimson · DarkSlateGray · Deep Berry

HEX
#2E2324
RGB
rgb(46, 35, 36)
HSL
hsl(355, 14%, 16%)
HSB
hsb(355, 24%, 18%)
CMYK
cmyk(0%, 24%, 22%, 82%)
Oklch
oklch(26.9% 0.017 12.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

993E10
106B98

Analogous

981027
993E10
988210

Triadic

993E10
10983D
3D1098

Split-Comp.

993E10
109882
102798

Tetradic

993E10
279810
106B98
821098

Contrast Matrix WCAG 2.1 Contrast

993E10
BF421A
E04736
DE8C53
2E2324
—
1.3
Fail
1.7
Fail
2.6
Fail
2.2
Fail
1.3
Fail
—
1.3
Fail
2.0
Fail
2.9
Fail
1.7
Fail
1.3
Fail
—
1.6
Fail
3.7
AA Large
2.6
Fail
2.0
Fail
1.6
Fail
—
5.8
AA
2.2
Fail
2.9
Fail
3.7
AA Large
5.8
AA
—
White BG
6.9AA
5.2AA
4.1AA Large
2.6Fail
15.2AAA
Black BG
3.1AA Large
4.0AA Large
5.1AA
8.0AAA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

72711B
898824
9E9C3A
BABA61
292924

Deuteranopia

777E1E
909A26
A7B23B
BFC564
2A2B24

Tritanopia

942426
B92B2D
D83D3E
DA6C6E
2D2424

Achromatopsia

545454
636363
737373
9E9E9E
262626

Shades & Tints Shades & Tints

#993E10

Dark
Light

#BF421A

Dark
Light

#E04736

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #993e10;
  --color-2: #bf421a;
  --color-3: #e04736;
  --color-4: #de8c53;
  --color-5: #2e2324;
}

SCSS

$color-1: #993e10;
$color-2: #bf421a;
$color-3: #e04736;
$color-4: #de8c53;
$color-5: #2e2324;

TAILWIND

colors: {
  'brand-1': '#993e10',
  'brand-2': '#bf421a',
  'brand-3': '#e04736',
  'brand-4': '#de8c53',
  'brand-5': '#2e2324',
}

RGB Array

[153, 62, 16], [191, 66, 26], [224, 71, 54], [222, 140, 83], [46, 35, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #993E10, #BF421A, #E04736, #DE8C53, #2E2324 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #993e10; --color-2: #bf421a; --color-3: #e04736; --color-4: #de8c53; --color-5: #2e2324. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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