← Back to Editor

#DE8172 · #3C2F41 · #734851 · #DD9C8A · #F2CAA7

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

#DE8172

Peach Pink · LightCoral · Coral Red

HEX
#DE8172
RGB
rgb(222, 129, 114)
HSL
hsl(8, 62%, 66%)
HSB
hsb(8, 49%, 87%)
CMYK
cmyk(0%, 42%, 49%, 13%)
Oklch
oklch(70.0% 0.118 30.1)

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

#3C2F41

Dark Plum · DarkSlateGray · Eggplant

HEX
#3C2F41
RGB
rgb(60, 47, 65)
HSL
hsl(283, 16%, 22%)
HSB
hsb(283, 28%, 25%)
CMYK
cmyk(8%, 28%, 0%, 75%)
Oklch
oklch(32.7% 0.036 316.5)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#734851

Crimson · DimGray · Wine Red

HEX
#734851
RGB
rgb(115, 72, 81)
HSL
hsl(347, 23%, 37%)
HSB
hsb(347, 37%, 45%)
CMYK
cmyk(0%, 37%, 30%, 55%)
Oklch
oklch(45.4% 0.060 6.1)

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

#DD9C8A

Peach Pink · DarkSalmon · Coral Red

HEX
#DD9C8A
RGB
rgb(221, 156, 138)
HSL
hsl(13, 55%, 70%)
HSB
hsb(13, 38%, 87%)
CMYK
cmyk(0%, 29%, 38%, 13%)
Oklch
oklch(75.1% 0.083 36.1)

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

#F2CAA7

Apricot · Wheat · Peach Orange

HEX
#F2CAA7
RGB
rgb(242, 202, 167)
HSL
hsl(28, 74%, 80%)
HSB
hsb(28, 31%, 95%)
CMYK
cmyk(0%, 17%, 31%, 5%)
Oklch
oklch(86.5% 0.065 63.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DE8172
73D0DE

Analogous

DE739A
DE8172
DEB773

Triadic

DE8172
73DE81
8173DE

Split-Comp.

DE8172
73DEB7
739ADE

Tetradic

DE8172
9ADE73
73D0DE
B773DE

Contrast Matrix WCAG 2.1 Contrast

DE8172
3C2F41
734851
DD9C8A
F2CAA7
—
4.5
AA Large
2.7
Fail
1.2
Fail
1.8
Fail
4.5
AA Large
—
1.7
Fail
5.5
AA
8.2
AAA
2.7
Fail
1.7
Fail
—
3.3
AA Large
5.0
AA
1.2
Fail
5.5
AA
3.3
AA Large
—
1.5
Fail
1.8
Fail
8.2
AAA
5.0
AA
1.5
Fail
—
White BG
2.8Fail
12.5AAA
7.6AAA
2.3Fail
1.5Fail
Black BG
7.5AAA
1.7Fail
2.8Fail
9.2AAA
13.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B576
36363D
60604F
C1C08E
E1E0AF

Deuteranopia

BBC277
37383C
63664E
C5CA8F
E3E6B2

Tritanopia

D97879
3B3938
714D4D
DA9293
F0B6B8

Achromatopsia

9B9B9B
353535
565656
ADADAD
D2D2D2

Shades & Tints Shades & Tints

#DE8172

Dark
Light

#3C2F41

Dark
Light

#734851

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #de8172;
  --color-2: #3c2f41;
  --color-3: #734851;
  --color-4: #dd9c8a;
  --color-5: #f2caa7;
}

SCSS

$color-1: #de8172;
$color-2: #3c2f41;
$color-3: #734851;
$color-4: #dd9c8a;
$color-5: #f2caa7;

TAILWIND

colors: {
  'brand-1': '#de8172',
  'brand-2': '#3c2f41',
  'brand-3': '#734851',
  'brand-4': '#dd9c8a',
  'brand-5': '#f2caa7',
}

RGB Array

[222, 129, 114], [60, 47, 65], [115, 72, 81], [221, 156, 138], [242, 202, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DE8172, #3C2F41, #734851, #DD9C8A, #F2CAA7 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: #de8172; --color-2: #3c2f41; --color-3: #734851; --color-4: #dd9c8a; --color-5: #f2caa7. 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