← Back to Editor

#BF370A · #43194D · #000000 · #8A0C3F · #BF0000

warm

A 5-color warm 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

#BF370A

Tangerine · FireBrick · Amber Brown

HEX
#BF370A
RGB
rgb(191, 55, 10)
HSL
hsl(15, 90%, 39%)
HSB
hsb(15, 95%, 75%)
CMYK
cmyk(0%, 71%, 95%, 25%)
Oklch
oklch(53.7% 0.179 35.9)

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

#43194D

Royal Purple · MidnightBlue · Dark Purple

HEX
#43194D
RGB
rgb(67, 25, 77)
HSL
hsl(288, 51%, 20%)
HSB
hsb(288, 68%, 30%)
CMYK
cmyk(13%, 68%, 0%, 70%)
Oklch
oklch(30.2% 0.100 319.5)

Traditional「Royal Purple」· Paint「Dark Purple」· 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

#8A0C3F

Dark Violet · Brown · Camellia

HEX
#8A0C3F
RGB
rgb(138, 12, 63)
HSL
hsl(336, 84%, 29%)
HSB
hsb(336, 91%, 54%)
CMYK
cmyk(0%, 91%, 54%, 46%)
Oklch
oklch(41.3% 0.158 5.3)

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

#BF0000

Vermilion · FireBrick · Wine Red

HEX
#BF0000
RGB
rgb(191, 0, 0)
HSL
hsl(0, 100%, 37%)
HSB
hsb(0, 100%, 75%)
CMYK
cmyk(0%, 100%, 100%, 25%)
Oklch
oklch(50.5% 0.207 29.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BF370A
0A90BD

Analogous

BD0A37
BF370A
BD900A

Triadic

BF370A
0ABD37
370ABD

Split-Comp.

BF370A
0ABD90
0A37BD

Tetradic

BF370A
37BD0A
0A90BD
900ABD

Contrast Matrix WCAG 2.1 Contrast

BF370A
43194D
000000
8A0C3F
BF0000
—
2.5
Fail
3.8
AA Large
1.7
Fail
1.2
Fail
2.5
Fail
—
1.5
Fail
1.5
Fail
2.2
Fail
3.8
AA Large
1.5
Fail
—
2.2
Fail
3.2
AA Large
1.7
Fail
1.5
Fail
2.2
Fail
—
1.5
Fail
1.2
Fail
2.2
Fail
3.2
AA Large
1.5
Fail
—
White BG
5.6AA
14.1AAA
21.0AAA
9.5AAA
6.5AA
Black BG
3.8AA Large
1.5Fail
1.0Fail
2.2Fail
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

848315
313040
000000
535233
6C6B00

Deuteranopia

8C9618
33363D
000000
5B6430
778600

Tritanopia

B81D1F
413634
000000
842927
B50000

Achromatopsia

5B5B5B
2B2B2B
000000
373737
393939

Shades & Tints Shades & Tints

#BF370A

Dark
Light

#43194D

Dark
Light

#000000

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bf370a;
  --color-2: #43194d;
  --color-3: #000000;
  --color-4: #8a0c3f;
  --color-5: #bf0000;
}

SCSS

$color-1: #bf370a;
$color-2: #43194d;
$color-3: #000000;
$color-4: #8a0c3f;
$color-5: #bf0000;

TAILWIND

colors: {
  'brand-1': '#bf370a',
  'brand-2': '#43194d',
  'brand-3': '#000000',
  'brand-4': '#8a0c3f',
  'brand-5': '#bf0000',
}

RGB Array

[191, 55, 10], [67, 25, 77], [0, 0, 0], [138, 12, 63], [191, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #BF370A, #43194D, #000000, #8A0C3F, #BF0000 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: #bf370a; --color-2: #43194d; --color-3: #000000; --color-4: #8a0c3f; --color-5: #bf0000. 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 warm-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