← Back to Editor

#D38A77 · #CB4E5C · #963852 · #812D4E · #521D4B

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

#D38A77

Peach Pink · DarkSalmon · Coral Red

HEX
#D38A77
RGB
rgb(211, 138, 119)
HSL
hsl(12, 51%, 65%)
HSB
hsb(12, 44%, 83%)
CMYK
cmyk(0%, 35%, 44%, 17%)
Oklch
oklch(70.3% 0.094 35.3)

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

#CB4E5C

Crimson · Tomato · Passion Red

HEX
#CB4E5C
RGB
rgb(203, 78, 92)
HSL
hsl(353, 55%, 55%)
HSB
hsb(353, 62%, 80%)
CMYK
cmyk(0%, 62%, 55%, 20%)
Oklch
oklch(59.4% 0.159 16.7)

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

#963852

Dark Violet · Brown · Camellia

HEX
#963852
RGB
rgb(150, 56, 82)
HSL
hsl(343, 46%, 40%)
HSB
hsb(343, 63%, 59%)
CMYK
cmyk(0%, 63%, 45%, 41%)
Oklch
oklch(47.9% 0.128 6.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#812D4E

Dark Violet · Brown · Camellia

HEX
#812D4E
RGB
rgb(129, 45, 78)
HSL
hsl(336, 48%, 34%)
HSB
hsb(336, 65%, 51%)
CMYK
cmyk(0%, 65%, 40%, 49%)
Oklch
oklch(43.0% 0.120 359.1)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#521D4B

Rose Purple · DarkSlateGray · Eggplant

HEX
#521D4B
RGB
rgb(82, 29, 75)
HSL
hsl(308, 48%, 22%)
HSB
hsb(308, 65%, 32%)
CMYK
cmyk(0%, 65%, 9%, 68%)
Oklch
oklch(33.0% 0.101 333.1)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D38A77
78C1D3

Analogous

D37894
D38A77
D3B878

Triadic

D38A77
78D38A
8A78D3

Split-Comp.

D38A77
78D3B8
7894D3

Tetradic

D38A77
94D378
78C1D3
B878D3

Contrast Matrix WCAG 2.1 Contrast

D38A77
CB4E5C
963852
812D4E
521D4B
—
1.6
Fail
2.6
Fail
3.2
AA Large
4.7
AA
1.6
Fail
—
1.6
Fail
2.0
Fail
2.9
Fail
2.6
Fail
1.6
Fail
—
1.2
Fail
1.8
Fail
3.2
AA Large
2.0
Fail
1.2
Fail
—
1.5
Fail
4.7
AA
2.9
Fail
1.8
Fail
1.5
Fail
—
White BG
2.7Fail
4.4AA Large
7.0AAA
8.7AAA
12.8AAA
Black BG
7.7AAA
4.8AA
3.0Fail
2.4Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B37C
959459
6D6C4C
5D5C46
3B3B40

Deuteranopia

B8BD7D
9CA658
737A4A
626844
3E423D

Tritanopia

CF7F80
C55655
914746
7D403E
4F3735

Achromatopsia

9E9E9E
757575
575757
4A4A4A
323232

Shades & Tints Shades & Tints

#D38A77

Dark
Light

#CB4E5C

Dark
Light

#963852

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d38a77;
  --color-2: #cb4e5c;
  --color-3: #963852;
  --color-4: #812d4e;
  --color-5: #521d4b;
}

SCSS

$color-1: #d38a77;
$color-2: #cb4e5c;
$color-3: #963852;
$color-4: #812d4e;
$color-5: #521d4b;

TAILWIND

colors: {
  'brand-1': '#d38a77',
  'brand-2': '#cb4e5c',
  'brand-3': '#963852',
  'brand-4': '#812d4e',
  'brand-5': '#521d4b',
}

RGB Array

[211, 138, 119], [203, 78, 92], [150, 56, 82], [129, 45, 78], [82, 29, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D38A77, #CB4E5C, #963852, #812D4E, #521D4B 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: #d38a77; --color-2: #cb4e5c; --color-3: #963852; --color-4: #812d4e; --color-5: #521d4b. 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