← Back to Editor

#4D081D · #940732 · #BF3B26 · #B2B818 · #74A130

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

#4D081D

Dark Violet · Maroon · Raspberry

HEX
#4D081D
RGB
rgb(77, 8, 29)
HSL
hsl(342, 81%, 17%)
HSB
hsb(342, 90%, 30%)
CMYK
cmyk(0%, 90%, 62%, 70%)
Oklch
oklch(27.7% 0.099 9.7)

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

#940732

Dark Violet · Brown · Camellia

HEX
#940732
RGB
rgb(148, 7, 50)
HSL
hsl(342, 91%, 30%)
HSB
hsb(342, 95%, 58%)
CMYK
cmyk(0%, 95%, 66%, 42%)
Oklch
oklch(42.7% 0.167 14.0)

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

#BF3B26

Vermilion · FireBrick · Passion Red

HEX
#BF3B26
RGB
rgb(191, 59, 38)
HSL
hsl(8, 67%, 45%)
HSB
hsb(8, 80%, 75%)
CMYK
cmyk(0%, 69%, 80%, 25%)
Oklch
oklch(54.3% 0.172 31.8)

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

#B2B818

Autumn Sage · GoldenRod · Honey Gold

HEX
#B2B818
RGB
rgb(178, 184, 24)
HSL
hsl(62, 77%, 41%)
HSB
hsb(62, 87%, 72%)
CMYK
cmyk(3%, 0%, 87%, 28%)
Oklch
oklch(75.3% 0.162 112.1)

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

#74A130

Grass Green · Olive · Olive Green

HEX
#74A130
RGB
rgb(116, 161, 48)
HSL
hsl(84, 54%, 41%)
HSB
hsb(84, 70%, 63%)
CMYK
cmyk(28%, 0%, 70%, 37%)
Oklch
oklch(65.4% 0.149 128.8)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4D081D
084E39

Analogous

4E0840
4D081D
4E1608

Triadic

4D081D
1D4E08
081D4E

Split-Comp.

4D081D
084E16
08404E

Tetradic

4D081D
404E08
084E39
16084E

Contrast Matrix WCAG 2.1 Contrast

4D081D
940732
BF3B26
B2B818
74A130
—
1.7
Fail
2.8
Fail
7.1
AAA
5.0
AA
1.7
Fail
—
1.7
Fail
4.2
AA Large
2.9
Fail
2.8
Fail
1.7
Fail
—
2.5
Fail
1.8
Fail
7.1
AAA
4.2
AA Large
2.5
Fail
—
1.4
Fail
5.0
AA
2.9
Fail
1.8
Fail
1.4
Fail
—
White BG
15.4AAA
9.0AAA
5.4AA
2.2Fail
3.1AA Large
Black BG
1.4Fail
2.3Fail
3.9AA Large
9.8AAA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2F2F18
575628
86852B
B5B53F
87884B

Deuteranopia

333817
5F6A25
8E972C
B4B448
858252

Tritanopia

4A1413
8D1F1E
B82F30
B25D64
766166

Achromatopsia

1F1F1F
363636
606060
A4A4A4
878787

Shades & Tints Shades & Tints

#4D081D

Dark
Light

#940732

Dark
Light

#BF3B26

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4d081d;
  --color-2: #940732;
  --color-3: #bf3b26;
  --color-4: #b2b818;
  --color-5: #74a130;
}

SCSS

$color-1: #4d081d;
$color-2: #940732;
$color-3: #bf3b26;
$color-4: #b2b818;
$color-5: #74a130;

TAILWIND

colors: {
  'brand-1': '#4d081d',
  'brand-2': '#940732',
  'brand-3': '#bf3b26',
  'brand-4': '#b2b818',
  'brand-5': '#74a130',
}

RGB Array

[77, 8, 29], [148, 7, 50], [191, 59, 38], [178, 184, 24], [116, 161, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4D081D, #940732, #BF3B26, #B2B818, #74A130 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #4d081d; --color-2: #940732; --color-3: #bf3b26; --color-4: #b2b818; --color-5: #74a130. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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