← Back to Editor

#BB1E00 · #DD4D07 · #E99B15 · #BA9D1B · #96474D

muted

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

#BB1E00

Vermilion · FireBrick · Wine Red

HEX
#BB1E00
RGB
rgb(187, 30, 0)
HSL
hsl(10, 100%, 37%)
HSB
hsb(10, 100%, 73%)
CMYK
cmyk(0%, 84%, 100%, 27%)
Oklch
oklch(50.9% 0.193 31.9)

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

#DD4D07

Tangerine · OrangeRed · Amber Brown

HEX
#DD4D07
RGB
rgb(221, 77, 7)
HSL
hsl(20, 94%, 45%)
HSB
hsb(20, 97%, 87%)
CMYK
cmyk(0%, 65%, 97%, 13%)
Oklch
oklch(61.2% 0.191 39.6)

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

#E99B15

Ochre · GoldenRod · Amber Brown

HEX
#E99B15
RGB
rgb(233, 155, 21)
HSL
hsl(38, 83%, 50%)
HSB
hsb(38, 91%, 91%)
CMYK
cmyk(0%, 33%, 91%, 9%)
Oklch
oklch(74.9% 0.156 72.4)

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

#BA9D1B

Ochre · DarkGoldenRod · Honey Gold

HEX
#BA9D1B
RGB
rgb(186, 157, 27)
HSL
hsl(49, 75%, 42%)
HSB
hsb(49, 85%, 73%)
CMYK
cmyk(0%, 16%, 85%, 27%)
Oklch
oklch(70.2% 0.138 95.0)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#96474D

Crimson · Sienna · Passion Red

HEX
#96474D
RGB
rgb(150, 71, 77)
HSL
hsl(355, 36%, 43%)
HSB
hsb(355, 53%, 59%)
CMYK
cmyk(0%, 53%, 49%, 41%)
Oklch
oklch(50.0% 0.106 17.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BB1E00
009DBD

Analogous

BD003F
BB1E00
BD7E00

Triadic

BB1E00
00BD1F
1F00BD

Split-Comp.

BB1E00
00BD7E
003FBD

Tetradic

BB1E00
3FBD00
009DBD
7E00BD

Contrast Matrix WCAG 2.1 Contrast

BB1E00
DD4D07
E99B15
BA9D1B
96474D
—
1.6
Fail
2.8
Fail
2.4
Fail
1.0
Fail
1.6
Fail
—
1.8
Fail
1.5
Fail
1.6
Fail
2.8
Fail
1.8
Fail
—
1.2
Fail
2.8
Fail
2.4
Fail
1.5
Fail
1.2
Fail
—
2.4
Fail
1.0
Fail
1.6
Fail
2.8
Fail
2.4
Fail
—
White BG
6.4AA
4.1AA Large
2.3Fail
2.6Fail
6.4AA
Black BG
3.3AA Large
5.1AA
9.2AAA
7.9AAA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

777607
9F9D18
C7C735
ADAD3A
74734C

Deuteranopia

808C09
A7B21C
CCD23D
AFB142
787E4B

Tritanopia

B30D0E
D62528
E54F55
B95359
924A4A

Achromatopsia

4A4A4A
707070
A3A3A3
979797
5F5F5F

Shades & Tints Shades & Tints

#BB1E00

Dark
Light

#DD4D07

Dark
Light

#E99B15

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bb1e00;
  --color-2: #dd4d07;
  --color-3: #e99b15;
  --color-4: #ba9d1b;
  --color-5: #96474d;
}

SCSS

$color-1: #bb1e00;
$color-2: #dd4d07;
$color-3: #e99b15;
$color-4: #ba9d1b;
$color-5: #96474d;

TAILWIND

colors: {
  'brand-1': '#bb1e00',
  'brand-2': '#dd4d07',
  'brand-3': '#e99b15',
  'brand-4': '#ba9d1b',
  'brand-5': '#96474d',
}

RGB Array

[187, 30, 0], [221, 77, 7], [233, 155, 21], [186, 157, 27], [150, 71, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #BB1E00, #DD4D07, #E99B15, #BA9D1B, #96474D 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: #bb1e00; --color-2: #dd4d07; --color-3: #e99b15; --color-4: #ba9d1b; --color-5: #96474d. 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 muted-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