← Back to Editor

#947A79 · #C7869E · #DA89AA · #E3A49B · #DEC197

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#947A79

Crimson · Gray · Passion Red

HEX
#947A79
RGB
rgb(148, 122, 121)
HSL
hsl(2, 11%, 53%)
HSB
hsb(2, 18%, 58%)
CMYK
cmyk(0%, 18%, 18%, 42%)
Oklch
oklch(60.4% 0.032 20.7)

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

#C7869E

Rouge · DarkGray · Rose Pink

HEX
#C7869E
RGB
rgb(199, 134, 158)
HSL
hsl(338, 37%, 65%)
HSB
hsb(338, 33%, 78%)
CMYK
cmyk(0%, 33%, 21%, 22%)
Oklch
oklch(69.3% 0.085 355.7)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#DA89AA

Rouge · LightCoral · Rose Pink

HEX
#DA89AA
RGB
rgb(218, 137, 170)
HSL
hsl(336, 52%, 70%)
HSB
hsb(336, 37%, 85%)
CMYK
cmyk(0%, 37%, 22%, 15%)
Oklch
oklch(72.3% 0.106 354.1)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#E3A49B

Peach Pink · Tan · Coral Red

HEX
#E3A49B
RGB
rgb(227, 164, 155)
HSL
hsl(8, 56%, 75%)
HSB
hsb(8, 32%, 89%)
CMYK
cmyk(0%, 28%, 32%, 11%)
Oklch
oklch(77.6% 0.076 28.1)

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

#DEC197

Goose Yellow · BurlyWood · Warm Sun

HEX
#DEC197
RGB
rgb(222, 193, 151)
HSL
hsl(35, 52%, 73%)
HSB
hsb(35, 32%, 87%)
CMYK
cmyk(0%, 13%, 32%, 13%)
Oklch
oklch(82.5% 0.065 76.8)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

947A79
7A9394

Analogous

947A86
947A79
94887A

Triadic

947A79
7A947B
7B7A94

Split-Comp.

947A79
7A9488
7A8694

Tetradic

947A79
86947A
7A9394
887A94

Contrast Matrix WCAG 2.1 Contrast

947A79
C7869E
DA89AA
E3A49B
DEC197
—
1.4
Fail
1.5
Fail
1.9
Fail
2.3
Fail
1.4
Fail
—
1.1
Fail
1.4
Fail
1.7
Fail
1.5
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
1.9
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
2.3
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
White BG
3.9AA Large
2.9Fail
2.6Fail
2.1Fail
1.7Fail
Black BG
5.3AA
7.3AAA
8.1AAA
10.0AAA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

898979
ABAA98
B7B6A2
C8C79D
D1D1A1

Deuteranopia

8A8C79
AFB397
BCC2A0
CBD09E
D3D5A4

Tritanopia

937979
C49493
D69C9A
E09F9F
DDA9AB

Achromatopsia

828282
9C9C9C
A5A5A5
B6B6B6
C5C5C5

Shades & Tints Shades & Tints

#947A79

Dark
Light

#C7869E

Dark
Light

#DA89AA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #947a79;
  --color-2: #c7869e;
  --color-3: #da89aa;
  --color-4: #e3a49b;
  --color-5: #dec197;
}

SCSS

$color-1: #947a79;
$color-2: #c7869e;
$color-3: #da89aa;
$color-4: #e3a49b;
$color-5: #dec197;

TAILWIND

colors: {
  'brand-1': '#947a79',
  'brand-2': '#c7869e',
  'brand-3': '#da89aa',
  'brand-4': '#e3a49b',
  'brand-5': '#dec197',
}

RGB Array

[148, 122, 121], [199, 134, 158], [218, 137, 170], [227, 164, 155], [222, 193, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #947A79, #C7869E, #DA89AA, #E3A49B, #DEC197 is ideal for: health products, baby brands, fresh-style blogs. 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: #947a79; --color-2: #c7869e; --color-3: #da89aa; --color-4: #e3a49b; --color-5: #dec197. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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