← Back to Editor

#6E4D4F · #576669 · #D29797 · #DCA59E · #F7CEB7

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#6E4D4F

Crimson · DimGray · Wine Red

HEX
#6E4D4F
RGB
rgb(110, 77, 79)
HSL
hsl(356, 18%, 37%)
HSB
hsb(356, 30%, 43%)
CMYK
cmyk(0%, 30%, 28%, 57%)
Oklch
oklch(45.7% 0.045 15.0)

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

#576669

Slate Blue · DimGray · Charcoal

HEX
#576669
RGB
rgb(87, 102, 105)
HSL
hsl(190, 9%, 38%)
HSB
hsb(190, 17%, 41%)
CMYK
cmyk(17%, 3%, 0%, 59%)
Oklch
oklch(49.9% 0.019 211.1)

Traditional「Slate Blue」· Paint「Charcoal」· Creative Midnight Shadow

#D29797

Peach Pink · Tan · Coral Red

HEX
#D29797
RGB
rgb(210, 151, 151)
HSL
hsl(0, 40%, 71%)
HSB
hsb(0, 28%, 82%)
CMYK
cmyk(0%, 28%, 28%, 18%)
Oklch
oklch(73.3% 0.071 18.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#DCA59E

Peach Pink · Tan · Coral Red

HEX
#DCA59E
RGB
rgb(220, 165, 158)
HSL
hsl(7, 47%, 74%)
HSB
hsb(7, 28%, 86%)
CMYK
cmyk(0%, 25%, 28%, 14%)
Oklch
oklch(77.1% 0.066 26.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#F7CEB7

Apricot · Wheat · Peach Orange

HEX
#F7CEB7
RGB
rgb(247, 206, 183)
HSL
hsl(22, 80%, 84%)
HSB
hsb(22, 26%, 97%)
CMYK
cmyk(0%, 17%, 26%, 3%)
Oklch
oklch(88.1% 0.056 51.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E4D4F
4D6F6D

Analogous

6F4D61
6E4D4F
6F5C4D

Triadic

6E4D4F
506F4D
4D506F

Split-Comp.

6E4D4F
4D6F5C
4D616F

Tetradic

6E4D4F
616F4D
4D6F6D
5C4D6F

Contrast Matrix WCAG 2.1 Contrast

6E4D4F
576669
D29797
DCA59E
F7CEB7
—
1.2
Fail
3.0
AA Large
3.5
AA Large
5.1
AA
1.2
Fail
—
2.5
Fail
2.8
Fail
4.1
AA Large
3.0
AA Large
2.5
Fail
—
1.2
Fail
1.7
Fail
3.5
AA Large
2.8
Fail
1.2
Fail
—
1.5
Fail
5.1
AA
4.1
AA Large
1.7
Fail
1.5
Fail
—
White BG
7.4AAA
6.0AA
2.4Fail
2.1Fail
1.5Fail
Black BG
2.8Fail
3.5AA Large
8.6AAA
9.9AAA
14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

605F4F
5D5E68
B8B897
C4C4A0
E5E5BD

Deuteranopia

62644E
5D5C68
BCC097
C7CCA0
E8EBBE

Tritanopia

6C4E4E
586868
CF9797
D9A1A1
F5C1C2

Achromatopsia

575757
626262
A9A9A9
B5B5B5
D8D8D8

Shades & Tints Shades & Tints

#6E4D4F

Dark
Light

#576669

Dark
Light

#D29797

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e4d4f;
  --color-2: #576669;
  --color-3: #d29797;
  --color-4: #dca59e;
  --color-5: #f7ceb7;
}

SCSS

$color-1: #6e4d4f;
$color-2: #576669;
$color-3: #d29797;
$color-4: #dca59e;
$color-5: #f7ceb7;

TAILWIND

colors: {
  'brand-1': '#6e4d4f',
  'brand-2': '#576669',
  'brand-3': '#d29797',
  'brand-4': '#dca59e',
  'brand-5': '#f7ceb7',
}

RGB Array

[110, 77, 79], [87, 102, 105], [210, 151, 151], [220, 165, 158], [247, 206, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6E4D4F, #576669, #D29797, #DCA59E, #F7CEB7 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: #6e4d4f; --color-2: #576669; --color-3: #d29797; --color-4: #dca59e; --color-5: #f7ceb7. 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