← Back to Editor

#BE0F30 · #28132E · #6E052D · #1D243E · #970F32

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#BE0F30

Vermilion · FireBrick · Wine Red

HEX
#BE0F30
RGB
rgb(190, 15, 48)
HSL
hsl(349, 85%, 40%)
HSB
hsb(349, 92%, 75%)
CMYK
cmyk(0%, 92%, 75%, 25%)
Oklch
oklch(51.1% 0.199 20.9)

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

#28132E

Dark Plum · Black · Dark Purple

HEX
#28132E
RGB
rgb(40, 19, 46)
HSL
hsl(287, 42%, 13%)
HSB
hsb(287, 59%, 18%)
CMYK
cmyk(13%, 59%, 0%, 82%)
Oklch
oklch(23.0% 0.057 318.4)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#6E052D

Dark Violet · Maroon · Raspberry

HEX
#6E052D
RGB
rgb(110, 5, 45)
HSL
hsl(337, 91%, 23%)
HSB
hsb(337, 95%, 43%)
CMYK
cmyk(0%, 95%, 59%, 57%)
Oklch
oklch(34.8% 0.135 7.6)

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

#1D243E

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#1D243E
RGB
rgb(29, 36, 62)
HSL
hsl(227, 36%, 18%)
HSB
hsb(227, 53%, 24%)
CMYK
cmyk(53%, 42%, 0%, 76%)
Oklch
oklch(26.7% 0.050 271.3)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#970F32

Vermilion · Brown · Wine Red

HEX
#970F32
RGB
rgb(151, 15, 50)
HSL
hsl(345, 82%, 33%)
HSB
hsb(345, 90%, 59%)
CMYK
cmyk(0%, 90%, 67%, 41%)
Oklch
oklch(43.6% 0.166 15.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BE0F30
0FBD9D

Analogous

BD0F86
BE0F30
BD460F

Triadic

BE0F30
2FBD0F
0F2FBD

Split-Comp.

BE0F30
0FBD46
0F86BD

Tetradic

BE0F30
86BD0F
0FBD9D
460FBD

Contrast Matrix WCAG 2.1 Contrast

BE0F30
28132E
6E052D
1D243E
970F32
—
2.7
Fail
1.9
Fail
2.4
Fail
1.4
Fail
2.7
Fail
—
1.4
Fail
1.1
Fail
2.0
Fail
1.9
Fail
1.4
Fail
—
1.3
Fail
1.4
Fail
2.4
Fail
1.1
Fail
1.3
Fail
—
1.8
Fail
1.4
Fail
2.0
Fail
1.4
Fail
1.8
Fail
—
White BG
6.4AA
17.2AAA
12.2AAA
15.3AAA
8.6AAA
Black BG
3.3AA Large
1.2Fail
1.7Fail
1.4Fail
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

727128
1F1F27
414023
202038
5C5B2A

Deuteranopia

7C8A26
202226
474F21
201F36
646E28

Tritanopia

B52220
272221
691C1A
1D3332
902321

Achromatopsia

474747
1C1C1C
292929
252525
3C3C3C

Shades & Tints Shades & Tints

#BE0F30

Dark
Light

#28132E

Dark
Light

#6E052D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #be0f30;
  --color-2: #28132e;
  --color-3: #6e052d;
  --color-4: #1d243e;
  --color-5: #970f32;
}

SCSS

$color-1: #be0f30;
$color-2: #28132e;
$color-3: #6e052d;
$color-4: #1d243e;
$color-5: #970f32;

TAILWIND

colors: {
  'brand-1': '#be0f30',
  'brand-2': '#28132e',
  'brand-3': '#6e052d',
  'brand-4': '#1d243e',
  'brand-5': '#970f32',
}

RGB Array

[190, 15, 48], [40, 19, 46], [110, 5, 45], [29, 36, 62], [151, 15, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BE0F30, #28132E, #6E052D, #1D243E, #970F32 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: #be0f30; --color-2: #28132e; --color-3: #6e052d; --color-4: #1d243e; --color-5: #970f32. 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