← Back to Editor

#2E0002 · #3B190D · #630100 · #B7131A · #984922

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

#2E0002

Vermilion · Black · Deep Berry

HEX
#2E0002
RGB
rgb(46, 0, 2)
HSL
hsl(357, 100%, 9%)
HSB
hsb(357, 100%, 18%)
CMYK
cmyk(0%, 100%, 96%, 82%)
Oklch
oklch(19.0% 0.077 25.4)

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

#3B190D

Tangerine · Black · Cinnamon

HEX
#3B190D
RGB
rgb(59, 25, 13)
HSL
hsl(16, 64%, 14%)
HSB
hsb(16, 78%, 23%)
CMYK
cmyk(0%, 58%, 78%, 77%)
Oklch
oklch(26.1% 0.058 39.7)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#630100

Vermilion · Maroon · Deep Berry

HEX
#630100
RGB
rgb(99, 1, 0)
HSL
hsl(1, 100%, 19%)
HSB
hsb(1, 100%, 39%)
CMYK
cmyk(0%, 99%, 100%, 61%)
Oklch
oklch(31.4% 0.128 29.5)

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

#B7131A

Vermilion · FireBrick · Wine Red

HEX
#B7131A
RGB
rgb(183, 19, 26)
HSL
hsl(357, 81%, 40%)
HSB
hsb(357, 90%, 72%)
CMYK
cmyk(0%, 90%, 86%, 28%)
Oklch
oklch(49.7% 0.193 26.8)

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

#984922

Tangerine · Sienna · Amber Brown

HEX
#984922
RGB
rgb(152, 73, 34)
HSL
hsl(20, 63%, 36%)
HSB
hsb(20, 78%, 60%)
CMYK
cmyk(0%, 52%, 78%, 40%)
Oklch
oklch(49.8% 0.118 44.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E0002
002E2C

Analogous

2E0019
2E0002
2E1500

Triadic

2E0002
022E00
00022E

Split-Comp.

2E0002
002E15
00192E

Tetradic

2E0002
192E00
002E2C
15002E

Contrast Matrix WCAG 2.1 Contrast

2E0002
3B190D
630100
B7131A
984922
—
1.2
Fail
1.4
Fail
2.8
Fail
3.0
Fail
1.2
Fail
—
1.2
Fail
2.3
Fail
2.5
Fail
1.4
Fail
1.2
Fail
—
2.0
Fail
2.2
Fail
2.8
Fail
2.3
Fail
2.0
Fail
—
1.1
Fail
3.0
Fail
2.5
Fail
2.2
Fail
1.1
Fail
—
White BG
18.8AAA
15.8AAA
13.7AAA
6.7AA
6.3AA
Black BG
1.1Fail
1.3Fail
1.5Fail
3.1AA Large
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A1A02
2C2C10
393800
706F18
76752B

Deuteranopia

1D2001
2E3111
3E4600
7A8618
7A802E

Tritanopia

2C0101
391213
5E0000
AF1717
943335

Achromatopsia

0E0E0E
222222
1E1E1E
454545
5C5C5C

Shades & Tints Shades & Tints

#2E0002

Dark
Light

#3B190D

Dark
Light

#630100

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e0002;
  --color-2: #3b190d;
  --color-3: #630100;
  --color-4: #b7131a;
  --color-5: #984922;
}

SCSS

$color-1: #2e0002;
$color-2: #3b190d;
$color-3: #630100;
$color-4: #b7131a;
$color-5: #984922;

TAILWIND

colors: {
  'brand-1': '#2e0002',
  'brand-2': '#3b190d',
  'brand-3': '#630100',
  'brand-4': '#b7131a',
  'brand-5': '#984922',
}

RGB Array

[46, 0, 2], [59, 25, 13], [99, 1, 0], [183, 19, 26], [152, 73, 34]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2E0002, #3B190D, #630100, #B7131A, #984922 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: #2e0002; --color-2: #3b190d; --color-3: #630100; --color-4: #b7131a; --color-5: #984922. 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