← Back to Editor

#740E0E · #FF9100 · #C21B1B · #8A1111 · #000000

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

#740E0E

Vermilion · Maroon · Wine Red

HEX
#740E0E
RGB
rgb(116, 14, 14)
HSL
hsl(0, 78%, 25%)
HSB
hsb(0, 88%, 45%)
CMYK
cmyk(0%, 88%, 88%, 55%)
Oklch
oklch(36.0% 0.135 27.4)

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

#FF9100

Ochre · Orange · Amber Brown

HEX
#FF9100
RGB
rgb(255, 145, 0)
HSL
hsl(34, 100%, 50%)
HSB
hsb(34, 100%, 100%)
CMYK
cmyk(0%, 43%, 100%, 0%)
Oklch
oklch(75.9% 0.177 60.6)

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

#C21B1B

Vermilion · FireBrick · Passion Red

HEX
#C21B1B
RGB
rgb(194, 27, 27)
HSL
hsl(0, 76%, 43%)
HSB
hsb(0, 86%, 76%)
CMYK
cmyk(0%, 86%, 86%, 24%)
Oklch
oklch(52.2% 0.199 27.7)

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

#8A1111

Vermilion · DarkRed · Wine Red

HEX
#8A1111
RGB
rgb(138, 17, 17)
HSL
hsl(0, 78%, 30%)
HSB
hsb(0, 88%, 54%)
CMYK
cmyk(0%, 88%, 88%, 46%)
Oklch
oklch(40.7% 0.154 27.6)

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

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

740E0E
0E7171

Analogous

710E40
740E0E
71400E

Triadic

740E0E
0E710E
0E0E71

Split-Comp.

740E0E
0E7140
0E4071

Tetradic

740E0E
40710E
0E7171
400E71

Contrast Matrix WCAG 2.1 Contrast

740E0E
FF9100
C21B1B
8A1111
000000
—
5.1
AA
1.9
Fail
1.2
Fail
1.8
Fail
5.1
AA
—
2.7
Fail
4.3
AA Large
9.3
AAA
1.9
Fail
2.7
Fail
—
1.6
Fail
3.5
AA Large
1.2
Fail
4.3
AA Large
1.6
Fail
—
2.2
Fail
1.8
Fail
9.3
AAA
3.5
AA Large
2.2
Fail
—
White BG
11.6AAA
2.3Fail
6.1AA
9.7AAA
21.0AAA
Black BG
1.8Fail
9.3AAA
3.5AA Large
2.2Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

48470E
CFCE23
7A781B
565511
000000

Deuteranopia

4E550E
D6DE2C
83901B
5D6611
000000

Tritanopia

6F0E0E
FA3F45
BA1B1B
841111
000000

Achromatopsia

2C2C2C
A1A1A1
4D4D4D
353535
000000

Shades & Tints Shades & Tints

#740E0E

Dark
Light

#FF9100

Dark
Light

#C21B1B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #740e0e;
  --color-2: #ff9100;
  --color-3: #c21b1b;
  --color-4: #8a1111;
  --color-5: #000000;
}

SCSS

$color-1: #740e0e;
$color-2: #ff9100;
$color-3: #c21b1b;
$color-4: #8a1111;
$color-5: #000000;

TAILWIND

colors: {
  'brand-1': '#740e0e',
  'brand-2': '#ff9100',
  'brand-3': '#c21b1b',
  'brand-4': '#8a1111',
  'brand-5': '#000000',
}

RGB Array

[116, 14, 14], [255, 145, 0], [194, 27, 27], [138, 17, 17], [0, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #740E0E, #FF9100, #C21B1B, #8A1111, #000000 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #740e0e; --color-2: #ff9100; --color-3: #c21b1b; --color-4: #8a1111; --color-5: #000000. 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. 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