← Back to Editor

#BB1229 · #E14E22 · #DA6E23 · #D8961B · #D6B920

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

#BB1229

Vermilion · FireBrick · Wine Red

HEX
#BB1229
RGB
rgb(187, 18, 41)
HSL
hsl(352, 82%, 40%)
HSB
hsb(352, 90%, 73%)
CMYK
cmyk(0%, 90%, 78%, 27%)
Oklch
oklch(50.6% 0.196 23.0)

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

#E14E22

Vermilion · Chocolate · Passion Red

HEX
#E14E22
RGB
rgb(225, 78, 34)
HSL
hsl(14, 76%, 51%)
HSB
hsb(14, 85%, 88%)
CMYK
cmyk(0%, 65%, 85%, 12%)
Oklch
oklch(62.1% 0.191 36.3)

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

#DA6E23

Tangerine · Chocolate · Amber Brown

HEX
#DA6E23
RGB
rgb(218, 110, 35)
HSL
hsl(25, 72%, 50%)
HSB
hsb(25, 84%, 85%)
CMYK
cmyk(0%, 50%, 84%, 15%)
Oklch
oklch(65.4% 0.158 50.1)

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

#D8961B

Ochre · GoldenRod · Amber Brown

HEX
#D8961B
RGB
rgb(216, 150, 27)
HSL
hsl(39, 78%, 48%)
HSB
hsb(39, 88%, 85%)
CMYK
cmyk(0%, 31%, 88%, 15%)
Oklch
oklch(72.0% 0.145 75.9)

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

#D6B920

Autumn Sage · GoldenRod · Honey Gold

HEX
#D6B920
RGB
rgb(214, 185, 32)
HSL
hsl(50, 74%, 48%)
HSB
hsb(50, 85%, 84%)
CMYK
cmyk(0%, 14%, 85%, 16%)
Oklch
oklch(78.8% 0.156 97.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BB1229
12BAA3

Analogous

BA127C
BB1229
BA5012

Triadic

BB1229
29BA12
1229BA

Split-Comp.

BB1229
12BA50
127CBA

Tetradic

BB1229
7CBA12
12BAA3
5012BA

Contrast Matrix WCAG 2.1 Contrast

BB1229
E14E22
DA6E23
D8961B
D6B920
—
1.6
Fail
1.9
Fail
2.6
Fail
3.3
AA Large
1.6
Fail
—
1.2
Fail
1.6
Fail
2.0
Fail
1.9
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
2.6
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
3.3
AA Large
2.0
Fail
1.7
Fail
1.3
Fail
—
White BG
6.5AA
4.0AA Large
3.4AA Large
2.5Fail
1.9Fail
Black BG
3.2AA Large
5.3AA
6.2AA
8.3AAA
10.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

727023
A1A02D
ABAA35
BBBB39
C9C945

Deuteranopia

7C8822
AAB52F
B2BA3A
BFC440
CBCD4E

Tritanopia

B31F1E
DA3537
D54347
D55055
D56269

Achromatopsia

474747
757575
868686
9C9C9C
B0B0B0

Shades & Tints Shades & Tints

#BB1229

Dark
Light

#E14E22

Dark
Light

#DA6E23

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bb1229;
  --color-2: #e14e22;
  --color-3: #da6e23;
  --color-4: #d8961b;
  --color-5: #d6b920;
}

SCSS

$color-1: #bb1229;
$color-2: #e14e22;
$color-3: #da6e23;
$color-4: #d8961b;
$color-5: #d6b920;

TAILWIND

colors: {
  'brand-1': '#bb1229',
  'brand-2': '#e14e22',
  'brand-3': '#da6e23',
  'brand-4': '#d8961b',
  'brand-5': '#d6b920',
}

RGB Array

[187, 18, 41], [225, 78, 34], [218, 110, 35], [216, 150, 27], [214, 185, 32]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BB1229, #E14E22, #DA6E23, #D8961B, #D6B920 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: #bb1229; --color-2: #e14e22; --color-3: #da6e23; --color-4: #d8961b; --color-5: #d6b920. 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