← Back to Editor

#941342 · #C42948 · #D17A24 · #9E8E26 · #5E3E09

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

#941342

Dark Violet · Brown · Camellia

HEX
#941342
RGB
rgb(148, 19, 66)
HSL
hsl(338, 77%, 33%)
HSB
hsb(338, 87%, 58%)
CMYK
cmyk(0%, 87%, 55%, 42%)
Oklch
oklch(43.6% 0.162 7.0)

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

#C42948

Vermilion · Crimson · Passion Red

HEX
#C42948
RGB
rgb(196, 41, 72)
HSL
hsl(348, 65%, 46%)
HSB
hsb(348, 79%, 77%)
CMYK
cmyk(0%, 79%, 63%, 23%)
Oklch
oklch(54.1% 0.189 15.8)

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

#D17A24

Ochre · Chocolate · Amber Brown

HEX
#D17A24
RGB
rgb(209, 122, 36)
HSL
hsl(30, 71%, 48%)
HSB
hsb(30, 83%, 82%)
CMYK
cmyk(0%, 42%, 83%, 18%)
Oklch
oklch(66.1% 0.143 59.4)

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

#9E8E26

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#9E8E26
RGB
rgb(158, 142, 38)
HSL
hsl(52, 61%, 38%)
HSB
hsb(52, 76%, 62%)
CMYK
cmyk(0%, 10%, 76%, 38%)
Oklch
oklch(64.2% 0.120 100.2)

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

#5E3E09

Ochre · DarkOliveGreen · Cinnamon

HEX
#5E3E09
RGB
rgb(94, 62, 9)
HSL
hsl(37, 83%, 20%)
HSB
hsb(37, 90%, 37%)
CMYK
cmyk(0%, 34%, 90%, 63%)
Oklch
oklch(39.1% 0.078 73.7)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

941342
139565

Analogous

951384
941342
952513

Triadic

941342
439513
134395

Split-Comp.

941342
139525
138495

Tetradic

941342
849513
139565
251395

Contrast Matrix WCAG 2.1 Contrast

941342
C42948
D17A24
9E8E26
5E3E09
—
1.5
Fail
2.7
Fail
2.6
Fail
1.1
Fail
1.5
Fail
—
1.7
Fail
1.7
Fail
1.7
Fail
2.7
Fail
1.7
Fail
—
1.0
Fail
3.0
AA Large
2.6
Fail
1.7
Fail
1.0
Fail
—
2.9
Fail
1.1
Fail
1.7
Fail
3.0
AA Large
2.9
Fail
—
White BG
8.6AAA
5.6AA
3.2AA Large
3.3AA Large
9.7AAA
Black BG
2.4Fail
3.8AA Large
6.5AA
6.4AA
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5C5B37
817F40
ABAB39
97973F
505016

Deuteranopia

646D34
8A963F
B0B73E
989945
525419

Tritanopia

8E2E2C
BC3B39
CD494D
9D5357
5C2022

Achromatopsia

3F3F3F
5B5B5B
8A8A8A
878787
424242

Shades & Tints Shades & Tints

#941342

Dark
Light

#C42948

Dark
Light

#D17A24

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #941342;
  --color-2: #c42948;
  --color-3: #d17a24;
  --color-4: #9e8e26;
  --color-5: #5e3e09;
}

SCSS

$color-1: #941342;
$color-2: #c42948;
$color-3: #d17a24;
$color-4: #9e8e26;
$color-5: #5e3e09;

TAILWIND

colors: {
  'brand-1': '#941342',
  'brand-2': '#c42948',
  'brand-3': '#d17a24',
  'brand-4': '#9e8e26',
  'brand-5': '#5e3e09',
}

RGB Array

[148, 19, 66], [196, 41, 72], [209, 122, 36], [158, 142, 38], [94, 62, 9]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #941342, #C42948, #D17A24, #9E8E26, #5E3E09 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: #941342; --color-2: #c42948; --color-3: #d17a24; --color-4: #9e8e26; --color-5: #5e3e09. 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