← Back to Editor

#B71E4F · #68081D · #420E23 · #8A153C · #DC1B67

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

#B71E4F

Dark Violet · Crimson · Camellia

HEX
#B71E4F
RGB
rgb(183, 30, 79)
HSL
hsl(341, 72%, 42%)
HSB
hsb(341, 84%, 72%)
CMYK
cmyk(0%, 84%, 57%, 28%)
Oklch
oklch(51.1% 0.187 9.3)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#68081D

Vermilion · Maroon · Wine Red

HEX
#68081D
RGB
rgb(104, 8, 29)
HSL
hsl(347, 86%, 22%)
HSB
hsb(347, 92%, 41%)
CMYK
cmyk(0%, 92%, 72%, 59%)
Oklch
oklch(33.4% 0.126 17.3)

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

#420E23

Dark Violet · Maroon · Raspberry

HEX
#420E23
RGB
rgb(66, 14, 35)
HSL
hsl(336, 65%, 16%)
HSB
hsb(336, 79%, 26%)
CMYK
cmyk(0%, 79%, 47%, 74%)
Oklch
oklch(26.2% 0.082 359.9)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#8A153C

Dark Violet · Brown · Camellia

HEX
#8A153C
RGB
rgb(138, 21, 60)
HSL
hsl(340, 74%, 31%)
HSB
hsb(340, 85%, 54%)
CMYK
cmyk(0%, 85%, 57%, 46%)
Oklch
oklch(41.7% 0.151 8.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#DC1B67

Dark Violet · MediumVioletRed · Camellia

HEX
#DC1B67
RGB
rgb(220, 27, 103)
HSL
hsl(336, 78%, 48%)
HSB
hsb(336, 88%, 86%)
CMYK
cmyk(0%, 88%, 53%, 14%)
Oklch
oklch(58.3% 0.222 5.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B71E4F
1EB887

Analogous

B81E9C
B71E4F
B83A1E

Triadic

B71E4F
4FB81E
1E4FB8

Split-Comp.

B71E4F
1EB83A
1E9CB8

Tetradic

B71E4F
9CB81E
1EB887
3A1EB8

Contrast Matrix WCAG 2.1 Contrast

B71E4F
68081D
420E23
8A153C
DC1B67
—
2.0
Fail
2.5
Fail
1.5
Fail
1.3
Fail
2.0
Fail
—
1.2
Fail
1.4
Fail
2.7
Fail
2.5
Fail
1.2
Fail
—
1.7
Fail
3.3
AA Large
1.5
Fail
1.4
Fail
1.7
Fail
—
2.0
Fail
1.3
Fail
2.7
Fail
3.3
AA Large
2.0
Fail
—
White BG
6.3AA
12.8AAA
15.9AAA
9.3AAA
4.8AA
Black BG
3.3AA Large
1.6Fail
1.3Fail
2.3Fail
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

757343
3E3E18
2B2B1E
575633
888755

Deuteranopia

7E8940
444B17
2F321D
5E6730
94A250

Tritanopia

AF3A38
631413
3F1A19
842B29
D24643

Achromatopsia

515151
272727
202020
3C3C3C
5D5D5D

Shades & Tints Shades & Tints

#B71E4F

Dark
Light

#68081D

Dark
Light

#420E23

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b71e4f;
  --color-2: #68081d;
  --color-3: #420e23;
  --color-4: #8a153c;
  --color-5: #dc1b67;
}

SCSS

$color-1: #b71e4f;
$color-2: #68081d;
$color-3: #420e23;
$color-4: #8a153c;
$color-5: #dc1b67;

TAILWIND

colors: {
  'brand-1': '#b71e4f',
  'brand-2': '#68081d',
  'brand-3': '#420e23',
  'brand-4': '#8a153c',
  'brand-5': '#dc1b67',
}

RGB Array

[183, 30, 79], [104, 8, 29], [66, 14, 35], [138, 21, 60], [220, 27, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B71E4F, #68081D, #420E23, #8A153C, #DC1B67 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: #b71e4f; --color-2: #68081d; --color-3: #420e23; --color-4: #8a153c; --color-5: #dc1b67. 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