← Back to Editor

#C1982D · #AD4B15 · #8B2C12 · #6E010A · #341C17

warm

A 5-color warm 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

#C1982D

Ochre · GoldenRod · Honey Gold

HEX
#C1982D
RGB
rgb(193, 152, 45)
HSL
hsl(43, 62%, 47%)
HSB
hsb(43, 77%, 76%)
CMYK
cmyk(0%, 21%, 77%, 24%)
Oklch
oklch(70.0% 0.128 86.6)

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

#AD4B15

Tangerine · Sienna · Amber Brown

HEX
#AD4B15
RGB
rgb(173, 75, 21)
HSL
hsl(21, 78%, 38%)
HSB
hsb(21, 88%, 68%)
CMYK
cmyk(0%, 57%, 88%, 32%)
Oklch
oklch(53.3% 0.143 44.6)

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

#8B2C12

Vermilion · Brown · Wine Red

HEX
#8B2C12
RGB
rgb(139, 44, 18)
HSL
hsl(13, 77%, 31%)
HSB
hsb(13, 87%, 55%)
CMYK
cmyk(0%, 68%, 87%, 45%)
Oklch
oklch(43.3% 0.134 35.5)

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

#6E010A

Vermilion · Maroon · Wine Red

HEX
#6E010A
RGB
rgb(110, 1, 10)
HSL
hsl(355, 98%, 22%)
HSB
hsb(355, 99%, 43%)
CMYK
cmyk(0%, 99%, 91%, 57%)
Oklch
oklch(33.9% 0.137 26.0)

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

#341C17

Crimson · Black · Deep Berry

HEX
#341C17
RGB
rgb(52, 28, 23)
HSL
hsl(10, 39%, 15%)
HSB
hsb(10, 56%, 20%)
CMYK
cmyk(0%, 46%, 56%, 80%)
Oklch
oklch(25.7% 0.039 32.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C1982D
2E58C2

Analogous

C24E2E
C1982D
A2C22E

Triadic

C1982D
2EC298
982EC2

Split-Comp.

C1982D
2EA2C2
4E2EC2

Tetradic

C1982D
2EC24E
2E58C2
C22EA2

Contrast Matrix WCAG 2.1 Contrast

C1982D
AD4B15
8B2C12
6E010A
341C17
—
2.1
Fail
3.2
AA Large
4.7
AA
5.9
AA
2.1
Fail
—
1.5
Fail
2.3
Fail
2.9
Fail
3.2
AA Large
1.5
Fail
—
1.5
Fail
1.9
Fail
4.7
AA
2.3
Fail
1.5
Fail
—
1.3
Fail
5.9
AA
2.9
Fail
1.9
Fail
1.3
Fail
—
White BG
2.7Fail
5.5AA
8.5AAA
12.6AAA
15.9AAA
Black BG
7.8AAA
3.8AA Large
2.5Fail
1.7Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAF47
838222
626118
3F3E08
2A2918

Deuteranopia

B2B54D
889025
676F1A
454D07
2B2D19

Tritanopia

BF5B60
A82C2F
861D1E
690606
331919

Achromatopsia

989898
626262
454545
232323
232323

Shades & Tints Shades & Tints

#C1982D

Dark
Light

#AD4B15

Dark
Light

#8B2C12

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c1982d;
  --color-2: #ad4b15;
  --color-3: #8b2c12;
  --color-4: #6e010a;
  --color-5: #341c17;
}

SCSS

$color-1: #c1982d;
$color-2: #ad4b15;
$color-3: #8b2c12;
$color-4: #6e010a;
$color-5: #341c17;

TAILWIND

colors: {
  'brand-1': '#c1982d',
  'brand-2': '#ad4b15',
  'brand-3': '#8b2c12',
  'brand-4': '#6e010a',
  'brand-5': '#341c17',
}

RGB Array

[193, 152, 45], [173, 75, 21], [139, 44, 18], [110, 1, 10], [52, 28, 23]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #C1982D, #AD4B15, #8B2C12, #6E010A, #341C17 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: #c1982d; --color-2: #ad4b15; --color-3: #8b2c12; --color-4: #6e010a; --color-5: #341c17. 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 warm-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