← Back to Editor

#89083E · #DF3841 · #A41034 · #BB133A · #D80C41

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

#89083E

Dark Violet · Brown · Camellia

HEX
#89083E
RGB
rgb(137, 8, 62)
HSL
hsl(335, 89%, 28%)
HSB
hsb(335, 94%, 54%)
CMYK
cmyk(0%, 94%, 55%, 46%)
Oklch
oklch(40.9% 0.159 5.2)

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

#DF3841

Vermilion · Crimson · Passion Red

HEX
#DF3841
RGB
rgb(223, 56, 65)
HSL
hsl(357, 72%, 55%)
HSB
hsb(357, 75%, 87%)
CMYK
cmyk(0%, 75%, 71%, 13%)
Oklch
oklch(59.9% 0.203 23.3)

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

#A41034

Vermilion · Brown · Wine Red

HEX
#A41034
RGB
rgb(164, 16, 52)
HSL
hsl(345, 82%, 35%)
HSB
hsb(345, 90%, 64%)
CMYK
cmyk(0%, 90%, 68%, 36%)
Oklch
oklch(46.2% 0.176 16.5)

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

#BB133A

Vermilion · FireBrick · Wine Red

HEX
#BB133A
RGB
rgb(187, 19, 58)
HSL
hsl(346, 82%, 40%)
HSB
hsb(346, 90%, 73%)
CMYK
cmyk(0%, 90%, 69%, 27%)
Oklch
oklch(50.9% 0.195 17.4)

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

#D80C41

Dark Violet · Crimson · Camellia

HEX
#D80C41
RGB
rgb(216, 12, 65)
HSL
hsl(344, 89%, 45%)
HSB
hsb(344, 94%, 85%)
CMYK
cmyk(0%, 94%, 70%, 15%)
Oklch
oklch(56.2% 0.221 17.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

89083E
088752

Analogous

87087C
89083E
871208

Triadic

89083E
3D8708
083D87

Split-Comp.

89083E
088712
087C87

Tetradic

89083E
7C8708
088752
120887

Contrast Matrix WCAG 2.1 Contrast

89083E
DF3841
A41034
BB133A
D80C41
—
2.2
Fail
1.2
Fail
1.5
Fail
1.9
Fail
2.2
Fail
—
1.8
Fail
1.5
Fail
1.2
Fail
1.2
Fail
1.8
Fail
—
1.2
Fail
1.5
Fail
1.5
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
1.9
Fail
1.2
Fail
1.5
Fail
1.2
Fail
—
White BG
9.7AAA
4.4AA Large
7.8AAA
6.4AA
5.2AA
Black BG
2.2Fail
4.8AA
2.7Fail
3.3AA Large
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

515031
97953F
64632B
727131
807E34

Deuteranopia

59622E
A0AD3E
6D7829
7C892E
8C9B31

Tritanopia

832724
D73D3D
9D2423
B32927
CE2A28

Achromatopsia

353535
6B6B6B
404040
4A4A4A
4F4F4F

Shades & Tints Shades & Tints

#89083E

Dark
Light

#DF3841

Dark
Light

#A41034

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #89083e;
  --color-2: #df3841;
  --color-3: #a41034;
  --color-4: #bb133a;
  --color-5: #d80c41;
}

SCSS

$color-1: #89083e;
$color-2: #df3841;
$color-3: #a41034;
$color-4: #bb133a;
$color-5: #d80c41;

TAILWIND

colors: {
  'brand-1': '#89083e',
  'brand-2': '#df3841',
  'brand-3': '#a41034',
  'brand-4': '#bb133a',
  'brand-5': '#d80c41',
}

RGB Array

[137, 8, 62], [223, 56, 65], [164, 16, 52], [187, 19, 58], [216, 12, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #89083E, #DF3841, #A41034, #BB133A, #D80C41 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #89083e; --color-2: #df3841; --color-3: #a41034; --color-4: #bb133a; --color-5: #d80c41. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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