← Back to Editor

#CD5B38 · #CF2E41 · #340C29 · #E2B51C · #D9ACCB

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

#CD5B38

Crimson · Chocolate · Passion Red

HEX
#CD5B38
RGB
rgb(205, 91, 56)
HSL
hsl(14, 60%, 51%)
HSB
hsb(14, 73%, 80%)
CMYK
cmyk(0%, 56%, 73%, 20%)
Oklch
oklch(60.8% 0.153 37.6)

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

#CF2E41

Vermilion · Crimson · Passion Red

HEX
#CF2E41
RGB
rgb(207, 46, 65)
HSL
hsl(353, 64%, 50%)
HSB
hsb(353, 78%, 81%)
CMYK
cmyk(0%, 78%, 69%, 19%)
Oklch
oklch(56.3% 0.196 20.4)

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

#340C29

Rose Purple · Black · Dark Purple

HEX
#340C29
RGB
rgb(52, 12, 41)
HSL
hsl(317, 63%, 13%)
HSB
hsb(317, 77%, 20%)
CMYK
cmyk(0%, 77%, 21%, 80%)
Oklch
oklch(23.6% 0.075 340.3)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#E2B51C

Ochre · GoldenRod · Honey Gold

HEX
#E2B51C
RGB
rgb(226, 181, 28)
HSL
hsl(46, 78%, 50%)
HSB
hsb(46, 88%, 89%)
CMYK
cmyk(0%, 20%, 88%, 11%)
Oklch
oklch(79.1% 0.156 89.9)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#D9ACCB

Mauve · Silver · Lilac Purple

HEX
#D9ACCB
RGB
rgb(217, 172, 203)
HSL
hsl(319, 37%, 76%)
HSB
hsb(319, 21%, 85%)
CMYK
cmyk(0%, 21%, 6%, 15%)
Oklch
oklch(79.4% 0.066 337.9)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CD5B38
37AACD

Analogous

CD375F
CD5B38
CDA537

Triadic

CD5B38
37CD5A
5A37CD

Split-Comp.

CD5B38
37CDA5
375FCD

Tetradic

CD5B38
5FCD37
37AACD
A537CD

Contrast Matrix WCAG 2.1 Contrast

CD5B38
CF2E41
340C29
E2B51C
D9ACCB
—
1.2
Fail
4.2
AA Large
2.1
Fail
2.1
Fail
1.2
Fail
—
3.3
AA Large
2.6
Fail
2.6
Fail
4.2
AA Large
3.3
AA Large
—
8.8
AAA
8.7
AAA
2.1
Fail
2.6
Fail
8.8
AAA
—
1.0
Fail
2.1
Fail
2.6
Fail
8.7
AAA
1.0
Fail
—
White BG
4.1AA Large
5.1AA
17.1AAA
1.9Fail
2.0Fail
Black BG
5.1AA
4.1AA Large
1.2Fail
10.9AAA
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9C9B40
89883C
232222
CFCE41
C6C5C3

Deuteranopia

A2AB43
939F3B
252820
D1D54A
C8CBC2

Tritanopia

C74749
C73938
321C1B
E05E65
D7BEBC

Achromatopsia

797979
606060
1B1B1B
B1B1B1
BDBDBD

Shades & Tints Shades & Tints

#CD5B38

Dark
Light

#CF2E41

Dark
Light

#340C29

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cd5b38;
  --color-2: #cf2e41;
  --color-3: #340c29;
  --color-4: #e2b51c;
  --color-5: #d9accb;
}

SCSS

$color-1: #cd5b38;
$color-2: #cf2e41;
$color-3: #340c29;
$color-4: #e2b51c;
$color-5: #d9accb;

TAILWIND

colors: {
  'brand-1': '#cd5b38',
  'brand-2': '#cf2e41',
  'brand-3': '#340c29',
  'brand-4': '#e2b51c',
  'brand-5': '#d9accb',
}

RGB Array

[205, 91, 56], [207, 46, 65], [52, 12, 41], [226, 181, 28], [217, 172, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CD5B38, #CF2E41, #340C29, #E2B51C, #D9ACCB is ideal for: social media posters, mobile apps, e-commerce promos, 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: #cd5b38; --color-2: #cf2e41; --color-3: #340c29; --color-4: #e2b51c; --color-5: #d9accb. 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. 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