← Back to Editor

#B00369 · #6B1C3D · #2D181D · #50181A · #8C0923

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

#B00369

Rose Purple · MediumVioletRed · Camellia

HEX
#B00369
RGB
rgb(176, 3, 105)
HSL
hsl(325, 97%, 35%)
HSB
hsb(325, 98%, 69%)
CMYK
cmyk(0%, 98%, 40%, 31%)
Oklch
oklch(49.6% 0.203 354.4)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#6B1C3D

Dark Violet · Brown · Camellia

HEX
#6B1C3D
RGB
rgb(107, 28, 61)
HSL
hsl(335, 59%, 26%)
HSB
hsb(335, 74%, 42%)
CMYK
cmyk(0%, 74%, 43%, 58%)
Oklch
oklch(36.5% 0.115 359.1)

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

#2D181D

Crimson · Black · Deep Berry

HEX
#2D181D
RGB
rgb(45, 24, 29)
HSL
hsl(346, 30%, 14%)
HSB
hsb(346, 47%, 18%)
CMYK
cmyk(0%, 47%, 36%, 82%)
Oklch
oklch(24.0% 0.035 4.6)

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

#50181A

Crimson · Maroon · Deep Berry

HEX
#50181A
RGB
rgb(80, 24, 26)
HSL
hsl(358, 54%, 20%)
HSB
hsb(358, 70%, 31%)
CMYK
cmyk(0%, 70%, 68%, 69%)
Oklch
oklch(30.0% 0.084 21.7)

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

#8C0923

Vermilion · DarkRed · Wine Red

HEX
#8C0923
RGB
rgb(140, 9, 35)
HSL
hsl(348, 88%, 29%)
HSB
hsb(348, 94%, 55%)
CMYK
cmyk(0%, 94%, 75%, 45%)
Oklch
oklch(40.9% 0.159 20.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B00369
03B04B

Analogous

A103B0
B00369
B00311

Triadic

B00369
68B003
0368B0

Split-Comp.

B00369
11B003
03B0A1

Tetradic

B00369
B0A103
03B04B
0311B0

Contrast Matrix WCAG 2.1 Contrast

B00369
6B1C3D
2D181D
50181A
8C0923
—
1.6
Fail
2.4
Fail
2.1
Fail
1.4
Fail
1.6
Fail
—
1.5
Fail
1.3
Fail
1.2
Fail
2.4
Fail
1.5
Fail
—
1.2
Fail
1.7
Fail
2.1
Fail
1.3
Fail
1.2
Fail
—
1.5
Fail
1.4
Fail
1.2
Fail
1.7
Fail
1.5
Fail
—
White BG
6.9AA
11.3AAA
16.7AAA
14.1AAA
9.6AAA
Black BG
3.1AA Large
1.9Fail
1.3Fail
1.5Fail
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

656450
494835
24241C
38371A
53521D

Deuteranopia

6F7C4A
4D5333
25271B
3B3F19
5B651B

Tritanopia

A73D39
672F2D
2C1B1B
4D1919
851817

Achromatopsia

424242
373737
1F1F1F
292929
333333

Shades & Tints Shades & Tints

#B00369

Dark
Light

#6B1C3D

Dark
Light

#2D181D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b00369;
  --color-2: #6b1c3d;
  --color-3: #2d181d;
  --color-4: #50181a;
  --color-5: #8c0923;
}

SCSS

$color-1: #b00369;
$color-2: #6b1c3d;
$color-3: #2d181d;
$color-4: #50181a;
$color-5: #8c0923;

TAILWIND

colors: {
  'brand-1': '#b00369',
  'brand-2': '#6b1c3d',
  'brand-3': '#2d181d',
  'brand-4': '#50181a',
  'brand-5': '#8c0923',
}

RGB Array

[176, 3, 105], [107, 28, 61], [45, 24, 29], [80, 24, 26], [140, 9, 35]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B00369, #6B1C3D, #2D181D, #50181A, #8C0923 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: #b00369; --color-2: #6b1c3d; --color-3: #2d181d; --color-4: #50181a; --color-5: #8c0923. 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