← Back to Editor

#D5C7AC · #D2B482 · #7D6C5A · #39201C · #CD3E36

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 LibraryData Visualization

Color Details Color Details

#D5C7AC

Goose Yellow · Silver · Sunflower

HEX
#D5C7AC
RGB
rgb(213, 199, 172)
HSL
hsl(40, 33%, 75%)
HSB
hsb(40, 19%, 84%)
CMYK
cmyk(0%, 7%, 19%, 16%)
Oklch
oklch(83.4% 0.040 83.8)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#D2B482

Ginger · Tan · Warm Sun

HEX
#D2B482
RGB
rgb(210, 180, 130)
HSL
hsl(38, 47%, 67%)
HSB
hsb(38, 38%, 82%)
CMYK
cmyk(0%, 14%, 38%, 18%)
Oklch
oklch(78.4% 0.074 80.0)

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

#7D6C5A

Ochre · DimGray · Amber Brown

HEX
#7D6C5A
RGB
rgb(125, 108, 90)
HSL
hsl(31, 16%, 42%)
HSB
hsb(31, 28%, 49%)
CMYK
cmyk(0%, 14%, 28%, 51%)
Oklch
oklch(54.2% 0.034 68.6)

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

#39201C

Crimson · DarkSlateGray · Deep Berry

HEX
#39201C
RGB
rgb(57, 32, 28)
HSL
hsl(8, 34%, 17%)
HSB
hsb(8, 51%, 22%)
CMYK
cmyk(0%, 44%, 51%, 78%)
Oklch
oklch(27.5% 0.040 29.7)

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

#CD3E36

Crimson · FireBrick · Passion Red

HEX
#CD3E36
RGB
rgb(205, 62, 54)
HSL
hsl(3, 60%, 51%)
HSB
hsb(3, 74%, 80%)
CMYK
cmyk(0%, 70%, 74%, 20%)
Oklch
oklch(57.2% 0.181 27.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5C7AC
AAB8D4

Analogous

D4B1AA
D5C7AC
CDD4AA

Triadic

D5C7AC
AAD4C6
C6AAD4

Split-Comp.

D5C7AC
AACDD4
B1AAD4

Tetradic

D5C7AC
AAD4B1
AAB8D4
D4AACD

Contrast Matrix WCAG 2.1 Contrast

D5C7AC
D2B482
7D6C5A
39201C
CD3E36
—
1.2
Fail
3.0
AA Large
9.0
AAA
2.9
Fail
1.2
Fail
—
2.5
Fail
7.6
AAA
2.4
Fail
3.0
AA Large
2.5
Fail
—
3.0
Fail
1.0
Fail
9.0
AAA
7.6
AAA
3.0
Fail
—
3.1
AA Large
2.9
Fail
2.4
Fail
1.0
Fail
3.1
AA Large
—
White BG
1.7Fail
2.0Fail
5.0AA
15.0AAA
4.8AA
Black BG
12.6AAA
10.6AAA
4.2AA Large
1.4Fail
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFB3
C5C58E
76755E
2E2E1D
8F8E38

Deuteranopia

D0D1B4
C7C991
77785F
30321D
97A238

Tritanopia

D4B8B9
D1989A
7C6263
381E1E
C6393A

Achromatopsia

C8C8C8
B7B7B7
6F6F6F
272727
686868

Shades & Tints Shades & Tints

#D5C7AC

Dark
Light

#D2B482

Dark
Light

#7D6C5A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5c7ac;
  --color-2: #d2b482;
  --color-3: #7d6c5a;
  --color-4: #39201c;
  --color-5: #cd3e36;
}

SCSS

$color-1: #d5c7ac;
$color-2: #d2b482;
$color-3: #7d6c5a;
$color-4: #39201c;
$color-5: #cd3e36;

TAILWIND

colors: {
  'brand-1': '#d5c7ac',
  'brand-2': '#d2b482',
  'brand-3': '#7d6c5a',
  'brand-4': '#39201c',
  'brand-5': '#cd3e36',
}

RGB Array

[213, 199, 172], [210, 180, 130], [125, 108, 90], [57, 32, 28], [205, 62, 54]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D5C7AC, #D2B482, #7D6C5A, #39201C, #CD3E36 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #d5c7ac; --color-2: #d2b482; --color-3: #7d6c5a; --color-4: #39201c; --color-5: #cd3e36. 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 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