← Back to Editor

#7D1432 · #C42D3F · #C4605A · #CF9B67 · #E0D169

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#7D1432

Dark Violet · Brown · Camellia

HEX
#7D1432
RGB
rgb(125, 20, 50)
HSL
hsl(343, 72%, 28%)
HSB
hsb(343, 84%, 49%)
CMYK
cmyk(0%, 84%, 60%, 51%)
Oklch
oklch(38.8% 0.139 10.9)

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

#C42D3F

Vermilion · Crimson · Passion Red

HEX
#C42D3F
RGB
rgb(196, 45, 63)
HSL
hsl(353, 63%, 47%)
HSB
hsb(353, 77%, 77%)
CMYK
cmyk(0%, 77%, 68%, 23%)
Oklch
oklch(54.2% 0.186 20.1)

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

#C4605A

Crimson · Sienna · Passion Red

HEX
#C4605A
RGB
rgb(196, 96, 90)
HSL
hsl(3, 47%, 56%)
HSB
hsb(3, 54%, 77%)
CMYK
cmyk(0%, 51%, 54%, 23%)
Oklch
oklch(60.8% 0.129 25.1)

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

#CF9B67

Ginger · DarkSalmon · Warm Sun

HEX
#CF9B67
RGB
rgb(207, 155, 103)
HSL
hsl(30, 52%, 61%)
HSB
hsb(30, 50%, 81%)
CMYK
cmyk(0%, 25%, 50%, 19%)
Oklch
oklch(72.7% 0.092 65.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#E0D169

Fresh Green · BurlyWood · Sunflower

HEX
#E0D169
RGB
rgb(224, 209, 105)
HSL
hsl(52, 66%, 65%)
HSB
hsb(52, 53%, 88%)
CMYK
cmyk(0%, 7%, 53%, 12%)
Oklch
oklch(85.2% 0.126 101.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7D1432
147B5E

Analogous

7B1465
7D1432
7B2A14

Triadic

7D1432
317B14
14317B

Split-Comp.

7D1432
147B2A
14657B

Tetradic

7D1432
657B14
147B5E
2A147B

Contrast Matrix WCAG 2.1 Contrast

7D1432
C42D3F
C4605A
CF9B67
E0D169
—
1.9
Fail
2.6
Fail
4.2
AA Large
6.7
AA
1.9
Fail
—
1.4
Fail
2.3
Fail
3.6
AA Large
2.6
Fail
1.4
Fail
—
1.7
Fail
2.6
Fail
4.2
AA Large
2.3
Fail
1.7
Fail
—
1.6
Fail
6.7
AA
3.6
AA Large
2.6
Fail
1.6
Fail
—
White BG
10.4AAA
5.5AA
4.1AA Large
2.5Fail
1.6Fail
Black BG
2.0Fail
3.8AA Large
5.2AA
8.5AAA
13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

504F2B
83813B
99985B
B8B874
DAD982

Deuteranopia

565E29
8B973A
9FA65C
BCBF77
DADB88

Tritanopia

782524
BC3736
BF5D5D
CC7E80
DF969A

Achromatopsia

373737
5C5C5C
7D7D7D
A5A5A5
CACACA

Shades & Tints Shades & Tints

#7D1432

Dark
Light

#C42D3F

Dark
Light

#C4605A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7d1432;
  --color-2: #c42d3f;
  --color-3: #c4605a;
  --color-4: #cf9b67;
  --color-5: #e0d169;
}

SCSS

$color-1: #7d1432;
$color-2: #c42d3f;
$color-3: #c4605a;
$color-4: #cf9b67;
$color-5: #e0d169;

TAILWIND

colors: {
  'brand-1': '#7d1432',
  'brand-2': '#c42d3f',
  'brand-3': '#c4605a',
  'brand-4': '#cf9b67',
  'brand-5': '#e0d169',
}

RGB Array

[125, 20, 50], [196, 45, 63], [196, 96, 90], [207, 155, 103], [224, 209, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7D1432, #C42D3F, #C4605A, #CF9B67, #E0D169 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #7d1432; --color-2: #c42d3f; --color-3: #c4605a; --color-4: #cf9b67; --color-5: #e0d169. 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 tech, SaaS, healthcare, eco industries. 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