← Back to Editor

#BC2125 · #5F0101 · #A3AB3C · #FFD203 · #FFB808

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

#BC2125

Vermilion · FireBrick · Passion Red

HEX
#BC2125
RGB
rgb(188, 33, 37)
HSL
hsl(358, 70%, 43%)
HSB
hsb(358, 82%, 74%)
CMYK
cmyk(0%, 82%, 80%, 26%)
Oklch
oklch(51.5% 0.189 26.1)

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

#5F0101

Vermilion · Maroon · Deep Berry

HEX
#5F0101
RGB
rgb(95, 1, 1)
HSL
hsl(0, 98%, 19%)
HSB
hsb(0, 99%, 37%)
CMYK
cmyk(0%, 99%, 99%, 63%)
Oklch
oklch(30.6% 0.124 29.0)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#A3AB3C

Autumn Sage · GoldenRod · Honey Gold

HEX
#A3AB3C
RGB
rgb(163, 171, 60)
HSL
hsl(64, 48%, 45%)
HSB
hsb(64, 65%, 67%)
CMYK
cmyk(5%, 0%, 65%, 33%)
Oklch
oklch(71.3% 0.133 113.2)

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

#FFD203

Ginger · Gold · Sunflower

HEX
#FFD203
RGB
rgb(255, 210, 3)
HSL
hsl(49, 100%, 51%)
HSB
hsb(49, 99%, 100%)
CMYK
cmyk(0%, 18%, 99%, 0%)
Oklch
oklch(87.7% 0.179 93.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#FFB808

Ginger · Orange · Sunflower

HEX
#FFB808
RGB
rgb(255, 184, 8)
HSL
hsl(43, 100%, 52%)
HSB
hsb(43, 97%, 100%)
CMYK
cmyk(0%, 28%, 97%, 0%)
Oklch
oklch(82.7% 0.170 80.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BC2125
21BAB5

Analogous

BA2173
BC2125
BA6921

Triadic

BC2125
26BA21
2126BA

Split-Comp.

BC2125
21BA69
2173BA

Tetradic

BC2125
73BA21
21BAB5
6921BA

Contrast Matrix WCAG 2.1 Contrast

BC2125
5F0101
A3AB3C
FFD203
FFB808
—
2.3
Fail
2.5
Fail
4.3
AA Large
3.6
AA Large
2.3
Fail
—
5.7
AA
9.7
AAA
8.1
AAA
2.5
Fail
5.7
AA
—
1.7
Fail
1.4
Fail
4.3
AA Large
9.7
AAA
1.7
Fail
—
1.2
Fail
3.6
AA Large
8.1
AAA
1.4
Fail
1.2
Fail
—
White BG
6.2AA
14.1AAA
2.5Fail
1.5Fail
1.7Fail
Black BG
3.4AA Large
1.5Fail
8.4AAA
14.5AAA
12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

797724
363501
A6A757
ECEB35
E0E033

Deuteranopia

828E24
3C4301
A6A55D
EEF241
E4EA3D

Tritanopia

B42323
5A0101
A36C71
FD5D65
FB545C

Achromatopsia

505050
1D1D1D
9C9C9C
C8C8C8
B9B9B9

Shades & Tints Shades & Tints

#BC2125

Dark
Light

#5F0101

Dark
Light

#A3AB3C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bc2125;
  --color-2: #5f0101;
  --color-3: #a3ab3c;
  --color-4: #ffd203;
  --color-5: #ffb808;
}

SCSS

$color-1: #bc2125;
$color-2: #5f0101;
$color-3: #a3ab3c;
$color-4: #ffd203;
$color-5: #ffb808;

TAILWIND

colors: {
  'brand-1': '#bc2125',
  'brand-2': '#5f0101',
  'brand-3': '#a3ab3c',
  'brand-4': '#ffd203',
  'brand-5': '#ffb808',
}

RGB Array

[188, 33, 37], [95, 1, 1], [163, 171, 60], [255, 210, 3], [255, 184, 8]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BC2125, #5F0101, #A3AB3C, #FFD203, #FFB808 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: #bc2125; --color-2: #5f0101; --color-3: #a3ab3c; --color-4: #ffd203; --color-5: #ffb808. 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