← Back to Editor

#D91C39 · #D9551D · #D98A1B · #42333E · #B31B77

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

#D91C39

Vermilion · Crimson · Passion Red

HEX
#D91C39
RGB
rgb(217, 28, 57)
HSL
hsl(351, 77%, 48%)
HSB
hsb(351, 87%, 85%)
CMYK
cmyk(0%, 87%, 74%, 15%)
Oklch
oklch(56.8% 0.216 21.4)

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

#D9551D

Tangerine · Chocolate · Amber Brown

HEX
#D9551D
RGB
rgb(217, 85, 29)
HSL
hsl(18, 76%, 48%)
HSB
hsb(18, 87%, 85%)
CMYK
cmyk(0%, 61%, 87%, 15%)
Oklch
oklch(61.6% 0.178 40.3)

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

#D98A1B

Ochre · GoldenRod · Amber Brown

HEX
#D98A1B
RGB
rgb(217, 138, 27)
HSL
hsl(35, 78%, 48%)
HSB
hsb(35, 88%, 85%)
CMYK
cmyk(0%, 36%, 88%, 15%)
Oklch
oklch(69.9% 0.147 67.8)

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

#42333E

Rose Purple · DarkSlateGray · Eggplant

HEX
#42333E
RGB
rgb(66, 51, 62)
HSL
hsl(316, 13%, 23%)
HSB
hsb(316, 23%, 26%)
CMYK
cmyk(0%, 23%, 6%, 74%)
Oklch
oklch(34.2% 0.028 335.9)

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

#B31B77

Rose Purple · MediumVioletRed · Camellia

HEX
#B31B77
RGB
rgb(179, 27, 119)
HSL
hsl(324, 74%, 40%)
HSB
hsb(324, 85%, 70%)
CMYK
cmyk(0%, 85%, 34%, 30%)
Oklch
oklch(51.6% 0.199 350.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D91C39
1CD9BC

Analogous

D91C97
D91C39
D95E1C

Triadic

D91C39
38D91C
1C38D9

Split-Comp.

D91C39
1CD95E
1C97D9

Tetradic

D91C39
97D91C
1CD9BC
5E1CD9

Contrast Matrix WCAG 2.1 Contrast

D91C39
D9551D
D98A1B
42333E
B31B77
—
1.3
Fail
1.8
Fail
2.4
Fail
1.3
Fail
1.3
Fail
—
1.4
Fail
3.0
Fail
1.6
Fail
1.8
Fail
1.4
Fail
—
4.3
AA Large
2.3
Fail
2.4
Fail
3.0
Fail
4.3
AA Large
—
1.9
Fail
1.3
Fail
1.6
Fail
2.3
Fail
1.9
Fail
—
White BG
5.0AA
4.0AA Large
2.8Fail
11.8AAA
6.3AA
Black BG
4.2AA Large
5.3AA
7.6AAA
1.8Fail
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

878532
A09F2B
B7B636
3C3B3B
717061

Deuteranopia

92A030
A8B12E
BBC13C
3C3D3B
7A855B

Tritanopia

D02C2B
D23538
D54B50
413939
AB4F4B

Achromatopsia

585858
767676
959595
393939
535353

Shades & Tints Shades & Tints

#D91C39

Dark
Light

#D9551D

Dark
Light

#D98A1B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d91c39;
  --color-2: #d9551d;
  --color-3: #d98a1b;
  --color-4: #42333e;
  --color-5: #b31b77;
}

SCSS

$color-1: #d91c39;
$color-2: #d9551d;
$color-3: #d98a1b;
$color-4: #42333e;
$color-5: #b31b77;

TAILWIND

colors: {
  'brand-1': '#d91c39',
  'brand-2': '#d9551d',
  'brand-3': '#d98a1b',
  'brand-4': '#42333e',
  'brand-5': '#b31b77',
}

RGB Array

[217, 28, 57], [217, 85, 29], [217, 138, 27], [66, 51, 62], [179, 27, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D91C39, #D9551D, #D98A1B, #42333E, #B31B77 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: #d91c39; --color-2: #d9551d; --color-3: #d98a1b; --color-4: #42333e; --color-5: #b31b77. 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 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