← Back to Editor

#CD7F1D · #FF1D2C · #CC0315 · #840010 · #46160C

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

#CD7F1D

Ochre · Chocolate · Amber Brown

HEX
#CD7F1D
RGB
rgb(205, 127, 29)
HSL
hsl(33, 75%, 46%)
HSB
hsb(33, 86%, 80%)
CMYK
cmyk(0%, 38%, 86%, 20%)
Oklch
oklch(66.5% 0.140 65.3)

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

#FF1D2C

Vermilion · Crimson · Passion Red

HEX
#FF1D2C
RGB
rgb(255, 29, 44)
HSL
hsl(356, 100%, 56%)
HSB
hsb(356, 89%, 100%)
CMYK
cmyk(0%, 89%, 83%, 0%)
Oklch
oklch(63.7% 0.248 26.1)

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

#CC0315

Vermilion · FireBrick · Passion Red

HEX
#CC0315
RGB
rgb(204, 3, 21)
HSL
hsl(355, 97%, 41%)
HSB
hsb(355, 99%, 80%)
CMYK
cmyk(0%, 99%, 90%, 20%)
Oklch
oklch(53.2% 0.216 27.2)

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

#840010

Vermilion · Maroon · Wine Red

HEX
#840010
RGB
rgb(132, 0, 16)
HSL
hsl(353, 100%, 26%)
HSB
hsb(353, 100%, 52%)
CMYK
cmyk(0%, 100%, 88%, 48%)
Oklch
oklch(38.6% 0.157 25.3)

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

#46160C

Vermilion · Maroon · Deep Berry

HEX
#46160C
RGB
rgb(70, 22, 12)
HSL
hsl(10, 71%, 16%)
HSB
hsb(10, 83%, 27%)
CMYK
cmyk(0%, 69%, 83%, 73%)
Oklch
oklch(27.5% 0.076 33.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CD7F1D
1D6DCD

Analogous

CD261D
CD7F1D
C4CD1D

Triadic

CD7F1D
1DCD7E
7E1DCD

Split-Comp.

CD7F1D
1DC4CD
261DCD

Tetradic

CD7F1D
1DCD26
1D6DCD
CD1DC4

Contrast Matrix WCAG 2.1 Contrast

CD7F1D
FF1D2C
CC0315
840010
46160C
—
1.2
Fail
1.9
Fail
3.3
AA Large
4.8
AA
1.2
Fail
—
1.5
Fail
2.7
Fail
4.0
AA Large
1.9
Fail
1.5
Fail
—
1.8
Fail
2.6
Fail
3.3
AA Large
2.7
Fail
1.8
Fail
—
1.4
Fail
4.8
AA
4.0
AA Large
2.6
Fail
1.4
Fail
—
White BG
3.2AA Large
3.8AA Large
5.8AA
10.6AAA
15.2AAA
Black BG
6.6AA
5.5AA
3.6AA Large
2.0Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABAB35
9D9B28
757311
4B4A0C
31310E

Deuteranopia

B0B63A
AABB28
819010
535C0B
34380F

Tritanopia

C9474C
F42625
C20D0C
7D0908
441011

Achromatopsia

8B8B8B
626262
414141
292929
232323

Shades & Tints Shades & Tints

#CD7F1D

Dark
Light

#FF1D2C

Dark
Light

#CC0315

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cd7f1d;
  --color-2: #ff1d2c;
  --color-3: #cc0315;
  --color-4: #840010;
  --color-5: #46160c;
}

SCSS

$color-1: #cd7f1d;
$color-2: #ff1d2c;
$color-3: #cc0315;
$color-4: #840010;
$color-5: #46160c;

TAILWIND

colors: {
  'brand-1': '#cd7f1d',
  'brand-2': '#ff1d2c',
  'brand-3': '#cc0315',
  'brand-4': '#840010',
  'brand-5': '#46160c',
}

RGB Array

[205, 127, 29], [255, 29, 44], [204, 3, 21], [132, 0, 16], [70, 22, 12]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CD7F1D, #FF1D2C, #CC0315, #840010, #46160C 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: #cd7f1d; --color-2: #ff1d2c; --color-3: #cc0315; --color-4: #840010; --color-5: #46160c. 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