← Back to Editor

#C34C7E · #3A010F · #A2013A · #D59C30 · #8A942B

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

#C34C7E

Dark Violet · MediumVioletRed · Rose Pink

HEX
#C34C7E
RGB
rgb(195, 76, 126)
HSL
hsl(335, 50%, 53%)
HSB
hsb(335, 61%, 76%)
CMYK
cmyk(0%, 61%, 35%, 24%)
Oklch
oklch(58.8% 0.160 357.0)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#3A010F

Vermilion · Black · Deep Berry

HEX
#3A010F
RGB
rgb(58, 1, 15)
HSL
hsl(345, 97%, 12%)
HSB
hsb(345, 98%, 23%)
CMYK
cmyk(0%, 98%, 74%, 77%)
Oklch
oklch(22.3% 0.087 13.4)

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

#A2013A

Dark Violet · FireBrick · Camellia

HEX
#A2013A
RGB
rgb(162, 1, 58)
HSL
hsl(339, 99%, 32%)
HSB
hsb(339, 99%, 64%)
CMYK
cmyk(0%, 99%, 64%, 36%)
Oklch
oklch(45.4% 0.181 12.4)

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

#D59C30

Ginger · GoldenRod · Warm Sun

HEX
#D59C30
RGB
rgb(213, 156, 48)
HSL
hsl(39, 66%, 51%)
HSB
hsb(39, 77%, 84%)
CMYK
cmyk(0%, 27%, 77%, 16%)
Oklch
oklch(72.9% 0.136 78.9)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#8A942B

Autumn Sage · Olive · Honey Gold

HEX
#8A942B
RGB
rgb(138, 148, 43)
HSL
hsl(66, 55%, 37%)
HSB
hsb(66, 71%, 58%)
CMYK
cmyk(7%, 0%, 71%, 42%)
Oklch
oklch(63.8% 0.127 114.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C34C7E
4BC391

Analogous

C34BB9
C34C7E
C3554B

Triadic

C34C7E
7DC34B
4B7DC3

Split-Comp.

C34C7E
4BC355
4BB9C3

Tetradic

C34C7E
B9C34B
4BC391
554BC3

Contrast Matrix WCAG 2.1 Contrast

C34C7E
3A010F
A2013A
D59C30
8A942B
—
3.9
AA Large
1.8
Fail
1.9
Fail
1.4
Fail
3.9
AA Large
—
2.2
Fail
7.2
AAA
5.3
AA
1.8
Fail
2.2
Fail
—
3.3
AA Large
2.4
Fail
1.9
Fail
7.2
AAA
3.3
AA Large
—
1.4
Fail
1.4
Fail
5.3
AA
2.4
Fail
1.4
Fail
—
White BG
4.5AA
17.6AAA
8.1AAA
2.4Fail
3.3AA Large
Black BG
4.7AA
1.2Fail
2.6Fail
8.6AAA
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8E72
21210C
5C5B2C
BCBC4A
8E8E44

Deuteranopia

969F6F
25290B
667229
C0C450
8E8D4B

Tritanopia

BD6866
370908
9A211F
D25F63
8B585D

Achromatopsia

757575
141414
383838
A1A1A1
858585

Shades & Tints Shades & Tints

#C34C7E

Dark
Light

#3A010F

Dark
Light

#A2013A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c34c7e;
  --color-2: #3a010f;
  --color-3: #a2013a;
  --color-4: #d59c30;
  --color-5: #8a942b;
}

SCSS

$color-1: #c34c7e;
$color-2: #3a010f;
$color-3: #a2013a;
$color-4: #d59c30;
$color-5: #8a942b;

TAILWIND

colors: {
  'brand-1': '#c34c7e',
  'brand-2': '#3a010f',
  'brand-3': '#a2013a',
  'brand-4': '#d59c30',
  'brand-5': '#8a942b',
}

RGB Array

[195, 76, 126], [58, 1, 15], [162, 1, 58], [213, 156, 48], [138, 148, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C34C7E, #3A010F, #A2013A, #D59C30, #8A942B 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: #c34c7e; --color-2: #3a010f; --color-3: #a2013a; --color-4: #d59c30; --color-5: #8a942b. 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