← Back to Editor

#BD1313 · #260505 · #000000 · #E08F0B · #3D382F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#BD1313

Vermilion · FireBrick · Passion Red

HEX
#BD1313
RGB
rgb(189, 19, 19)
HSL
hsl(0, 82%, 41%)
HSB
hsb(0, 90%, 74%)
CMYK
cmyk(0%, 90%, 90%, 26%)
Oklch
oklch(50.8% 0.199 28.3)

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

#260505

Vermilion · Black · Deep Berry

HEX
#260505
RGB
rgb(38, 5, 5)
HSL
hsl(0, 77%, 8%)
HSB
hsb(0, 87%, 15%)
CMYK
cmyk(0%, 87%, 87%, 85%)
Oklch
oklch(18.1% 0.057 24.9)

Traditional「Vermilion」· Paint「Deep Berry」· 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

#E08F0B

Ochre · GoldenRod · Amber Brown

HEX
#E08F0B
RGB
rgb(224, 143, 11)
HSL
hsl(37, 91%, 46%)
HSB
hsb(37, 95%, 88%)
CMYK
cmyk(0%, 36%, 95%, 12%)
Oklch
oklch(71.6% 0.154 69.4)

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

#3D382F

Ochre · DarkSlateGray · Cinnamon

HEX
#3D382F
RGB
rgb(61, 56, 47)
HSL
hsl(39, 13%, 21%)
HSB
hsb(39, 23%, 24%)
CMYK
cmyk(0%, 8%, 23%, 76%)
Oklch
oklch(34.3% 0.017 82.3)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BD1313
13BEBE

Analogous

BE1369
BD1313
BE6913

Triadic

BD1313
13BE13
1313BE

Split-Comp.

BD1313
13BE69
1369BE

Tetradic

BD1313
69BE13
13BEBE
6913BE

Contrast Matrix WCAG 2.1 Contrast

BD1313
260505
000000
E08F0B
3D382F
—
3.0
Fail
3.3
AA Large
2.5
Fail
1.8
Fail
3.0
Fail
—
1.1
Fail
7.3
AAA
1.6
Fail
3.3
AA Large
1.1
Fail
—
8.1
AAA
1.8
Fail
2.5
Fail
7.3
AAA
8.1
AAA
—
4.5
AA Large
1.8
Fail
1.6
Fail
1.8
Fail
4.5
AA Large
—
White BG
6.4AA
19.0AAA
21.0AAA
2.6Fail
11.6AAA
Black BG
3.3AA Large
1.1Fail
1.0Fail
8.1AAA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

737213
181705
000000
BDBC2B
3B3B31

Deuteranopia

7D8A13
1A1C05
000000
C2C833
3B3C32

Tritanopia

B41313
240505
000000
DC444A
3D3333

Achromatopsia

464646
0F0F0F
000000
989898
383838

Shades & Tints Shades & Tints

#BD1313

Dark
Light

#260505

Dark
Light

#000000

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bd1313;
  --color-2: #260505;
  --color-3: #000000;
  --color-4: #e08f0b;
  --color-5: #3d382f;
}

SCSS

$color-1: #bd1313;
$color-2: #260505;
$color-3: #000000;
$color-4: #e08f0b;
$color-5: #3d382f;

TAILWIND

colors: {
  'brand-1': '#bd1313',
  'brand-2': '#260505',
  'brand-3': '#000000',
  'brand-4': '#e08f0b',
  'brand-5': '#3d382f',
}

RGB Array

[189, 19, 19], [38, 5, 5], [0, 0, 0], [224, 143, 11], [61, 56, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BD1313, #260505, #000000, #E08F0B, #3D382F is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #bd1313; --color-2: #260505; --color-3: #000000; --color-4: #e08f0b; --color-5: #3d382f. 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 tech, SaaS, healthcare, eco industries. 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