← Back to Editor

#401616 · #4F1A1A · #692323 · #C71C1C · #FF1414

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

#401616

Crimson · Black · Deep Berry

HEX
#401616
RGB
rgb(64, 22, 22)
HSL
hsl(0, 49%, 17%)
HSB
hsb(0, 66%, 25%)
CMYK
cmyk(0%, 66%, 66%, 75%)
Oklch
oklch(26.6% 0.066 22.6)

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

#4F1A1A

Crimson · Maroon · Wine Red

HEX
#4F1A1A
RGB
rgb(79, 26, 26)
HSL
hsl(0, 50%, 21%)
HSB
hsb(0, 67%, 31%)
CMYK
cmyk(0%, 67%, 67%, 69%)
Oklch
oklch(30.1% 0.080 23.2)

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

#692323

Crimson · Maroon · Wine Red

HEX
#692323
RGB
rgb(105, 35, 35)
HSL
hsl(0, 50%, 27%)
HSB
hsb(0, 67%, 41%)
CMYK
cmyk(0%, 67%, 67%, 59%)
Oklch
oklch(36.3% 0.101 23.6)

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

#C71C1C

Vermilion · FireBrick · Passion Red

HEX
#C71C1C
RGB
rgb(199, 28, 28)
HSL
hsl(0, 75%, 45%)
HSB
hsb(0, 86%, 78%)
CMYK
cmyk(0%, 86%, 86%, 22%)
Oklch
oklch(53.2% 0.203 27.7)

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

#FF1414

Vermilion · Red · Passion Red

HEX
#FF1414
RGB
rgb(255, 20, 20)
HSL
hsl(0, 100%, 54%)
HSB
hsb(0, 92%, 100%)
CMYK
cmyk(0%, 92%, 92%, 0%)
Oklch
oklch(63.2% 0.253 28.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

401616
164141

Analogous

41162B
401616
412B16

Triadic

401616
164116
161641

Split-Comp.

401616
16412B
162B41

Tetradic

401616
2B4116
164141
2B1641

Contrast Matrix WCAG 2.1 Contrast

401616
4F1A1A
692323
C71C1C
FF1414
—
1.1
Fail
1.4
Fail
2.7
Fail
4.0
AA Large
1.1
Fail
—
1.2
Fail
2.4
Fail
3.6
AA Large
1.4
Fail
1.2
Fail
—
1.9
Fail
2.9
Fail
2.7
Fail
2.4
Fail
1.9
Fail
—
1.5
Fail
4.0
AA Large
3.6
AA Large
2.9
Fail
1.5
Fail
—
White BG
15.6AAA
14.0AAA
11.3AAA
5.8AA
3.9AA Large
Black BG
1.3Fail
1.5Fail
1.9Fail
3.6AA Large
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2D16
38381A
4B4A23
7D7B1C
999714

Deuteranopia

303316
3B3F1A
4F5423
87941C
A7B914

Tritanopia

3E1616
4C1A1A
662323
BE1C1C
F31414

Achromatopsia

232323
2A2A2A
383838
4F4F4F
5A5A5A

Shades & Tints Shades & Tints

#401616

Dark
Light

#4F1A1A

Dark
Light

#692323

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #401616;
  --color-2: #4f1a1a;
  --color-3: #692323;
  --color-4: #c71c1c;
  --color-5: #ff1414;
}

SCSS

$color-1: #401616;
$color-2: #4f1a1a;
$color-3: #692323;
$color-4: #c71c1c;
$color-5: #ff1414;

TAILWIND

colors: {
  'brand-1': '#401616',
  'brand-2': '#4f1a1a',
  'brand-3': '#692323',
  'brand-4': '#c71c1c',
  'brand-5': '#ff1414',
}

RGB Array

[64, 22, 22], [79, 26, 26], [105, 35, 35], [199, 28, 28], [255, 20, 20]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #401616, #4F1A1A, #692323, #C71C1C, #FF1414 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: #401616; --color-2: #4f1a1a; --color-3: #692323; --color-4: #c71c1c; --color-5: #ff1414. 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