← Back to Editor

#421313 · #C2C484 · #DB0B0B · #3C4D1C · #9E9C05

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 AppData Visualization

Color Details Color Details

#421313

Crimson · Maroon · Deep Berry

HEX
#421313
RGB
rgb(66, 19, 19)
HSL
hsl(0, 55%, 17%)
HSB
hsb(0, 71%, 26%)
CMYK
cmyk(0%, 71%, 71%, 74%)
Oklch
oklch(26.4% 0.073 23.5)

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

#C2C484

Fresh Green · Tan · Sunflower

HEX
#C2C484
RGB
rgb(194, 196, 132)
HSL
hsl(62, 35%, 64%)
HSB
hsb(62, 33%, 77%)
CMYK
cmyk(1%, 0%, 33%, 23%)
Oklch
oklch(80.4% 0.084 109.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#DB0B0B

Vermilion · Red · Passion Red

HEX
#DB0B0B
RGB
rgb(219, 11, 11)
HSL
hsl(0, 90%, 45%)
HSB
hsb(0, 95%, 86%)
CMYK
cmyk(0%, 95%, 95%, 14%)
Oklch
oklch(56.3% 0.227 28.9)

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

#3C4D1C

Grass Green · DarkOliveGreen · Forest Green

HEX
#3C4D1C
RGB
rgb(60, 77, 28)
HSL
hsl(81, 47%, 21%)
HSB
hsb(81, 64%, 30%)
CMYK
cmyk(22%, 0%, 64%, 70%)
Oklch
oklch(39.4% 0.076 125.7)

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

#9E9C05

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#9E9C05
RGB
rgb(158, 156, 5)
HSL
hsl(59, 94%, 32%)
HSB
hsb(59, 97%, 62%)
CMYK
cmyk(0%, 1%, 97%, 38%)
Oklch
oklch(67.2% 0.145 108.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

421313
144343

Analogous

43142B
421313
432B14

Triadic

421313
144314
141443

Split-Comp.

421313
14432B
142B43

Tetradic

421313
2B4314
144343
2B1443

Contrast Matrix WCAG 2.1 Contrast

421313
C2C484
DB0B0B
3C4D1C
9E9C05
—
8.6
AAA
3.0
AA Large
1.7
Fail
5.4
AA
8.6
AAA
—
2.8
Fail
5.1
AA
1.6
Fail
3.0
AA Large
2.8
Fail
—
1.8
Fail
1.8
Fail
1.7
Fail
5.1
AA
1.8
Fail
—
3.2
AA Large
5.4
AA
1.6
Fail
1.8
Fail
3.2
AA Large
—
White BG
15.7AAA
1.8Fail
5.2AA
9.2AAA
2.9Fail
Black BG
1.3Fail
11.5AAA
4.1AA Large
2.3Fail
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2D13
C3C393
817F0B
434428
9D9D2A

Deuteranopia

303413
C3C397
8D9D0B
42412B
9D9D32

Tritanopia

401313
C2A0A2
D10B0B
3D3133
9E464D

Achromatopsia

212121
BCBCBC
494949
424242
8B8B8B

Shades & Tints Shades & Tints

#421313

Dark
Light

#C2C484

Dark
Light

#DB0B0B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #421313;
  --color-2: #c2c484;
  --color-3: #db0b0b;
  --color-4: #3c4d1c;
  --color-5: #9e9c05;
}

SCSS

$color-1: #421313;
$color-2: #c2c484;
$color-3: #db0b0b;
$color-4: #3c4d1c;
$color-5: #9e9c05;

TAILWIND

colors: {
  'brand-1': '#421313',
  'brand-2': '#c2c484',
  'brand-3': '#db0b0b',
  'brand-4': '#3c4d1c',
  'brand-5': '#9e9c05',
}

RGB Array

[66, 19, 19], [194, 196, 132], [219, 11, 11], [60, 77, 28], [158, 156, 5]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #421313, #C2C484, #DB0B0B, #3C4D1C, #9E9C05 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #421313; --color-2: #c2c484; --color-3: #db0b0b; --color-4: #3c4d1c; --color-5: #9e9c05. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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