← Back to Editor

#C7959D · #DE6A84 · #E64E6A · #8F4765 · #533E5B

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 Library

Color Details Color Details

#C7959D

Peach Pink · Tan · Coral Red

HEX
#C7959D
RGB
rgb(199, 149, 157)
HSL
hsl(350, 31%, 68%)
HSB
hsb(350, 25%, 78%)
CMYK
cmyk(0%, 25%, 21%, 22%)
Oklch
oklch(71.9% 0.061 8.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#DE6A84

Peach Pink · LightCoral · Coral Red

HEX
#DE6A84
RGB
rgb(222, 106, 132)
HSL
hsl(347, 64%, 64%)
HSB
hsb(347, 52%, 87%)
CMYK
cmyk(0%, 52%, 41%, 13%)
Oklch
oklch(66.9% 0.146 7.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E64E6A

Vermilion · Tomato · Passion Red

HEX
#E64E6A
RGB
rgb(230, 78, 106)
HSL
hsl(349, 75%, 60%)
HSB
hsb(349, 66%, 90%)
CMYK
cmyk(0%, 66%, 54%, 10%)
Oklch
oklch(63.9% 0.187 13.4)

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

#8F4765

Dark Violet · DimGray · Camellia

HEX
#8F4765
RGB
rgb(143, 71, 101)
HSL
hsl(335, 34%, 42%)
HSB
hsb(335, 50%, 56%)
CMYK
cmyk(0%, 50%, 29%, 44%)
Oklch
oklch(49.7% 0.103 355.2)

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

#533E5B

Dark Plum · DarkSlateGray · Eggplant

HEX
#533E5B
RGB
rgb(83, 62, 91)
HSL
hsl(283, 19%, 30%)
HSB
hsb(283, 32%, 36%)
CMYK
cmyk(9%, 32%, 0%, 64%)
Oklch
oklch(39.8% 0.055 316.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7959D
94C7BE

Analogous

C794B6
C7959D
C7A594

Triadic

C7959D
9DC794
949DC7

Split-Comp.

C7959D
94C7A5
94B6C7

Tetradic

C7959D
B6C794
94C7BE
A594C7

Contrast Matrix WCAG 2.1 Contrast

C7959D
DE6A84
E64E6A
8F4765
533E5B
—
1.3
Fail
1.5
Fail
2.5
Fail
3.7
AA Large
1.3
Fail
—
1.1
Fail
2.0
Fail
2.9
Fail
1.5
Fail
1.1
Fail
—
1.7
Fail
2.6
Fail
2.5
Fail
2.0
Fail
1.7
Fail
—
1.5
Fail
3.7
AA Large
2.9
Fail
2.6
Fail
1.5
Fail
—
White BG
2.6Fail
3.2AA Large
3.7AA Large
6.4AA
9.5AAA
Black BG
8.2AAA
6.5AA
5.7AA
3.3AA Large
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B19B
ACAB7E
A4A363
706F5E
4A4A54

Deuteranopia

B4B89B
B3BB7C
ADB862
74795C
4B4D52

Tritanopia

C49A99
D87978
DE5E5D
8B5857
524E4D

Achromatopsia

A5A5A5
909090
7F7F7F
606060
484848

Shades & Tints Shades & Tints

#C7959D

Dark
Light

#DE6A84

Dark
Light

#E64E6A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7959d;
  --color-2: #de6a84;
  --color-3: #e64e6a;
  --color-4: #8f4765;
  --color-5: #533e5b;
}

SCSS

$color-1: #c7959d;
$color-2: #de6a84;
$color-3: #e64e6a;
$color-4: #8f4765;
$color-5: #533e5b;

TAILWIND

colors: {
  'brand-1': '#c7959d',
  'brand-2': '#de6a84',
  'brand-3': '#e64e6a',
  'brand-4': '#8f4765',
  'brand-5': '#533e5b',
}

RGB Array

[199, 149, 157], [222, 106, 132], [230, 78, 106], [143, 71, 101], [83, 62, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C7959D, #DE6A84, #E64E6A, #8F4765, #533E5B is ideal for: corporate websites, product showcases, portfolios. 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: #c7959d; --color-2: #de6a84; --color-3: #e64e6a; --color-4: #8f4765; --color-5: #533e5b. 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. 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