← Back to Editor

#542644 · #DAEEBB · #C8A1B1 · #9C7864 · #98973D

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

#542644

Rose Purple · DarkSlateGray · Raspberry

HEX
#542644
RGB
rgb(84, 38, 68)
HSL
hsl(321, 38%, 24%)
HSB
hsb(321, 55%, 33%)
CMYK
cmyk(0%, 55%, 19%, 67%)
Oklch
oklch(34.3% 0.080 342.4)

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

#DAEEBB

Willow Green · Wheat · Mint Green

HEX
#DAEEBB
RGB
rgb(218, 238, 187)
HSL
hsl(84, 60%, 83%)
HSB
hsb(84, 21%, 93%)
CMYK
cmyk(8%, 0%, 21%, 7%)
Oklch
oklch(92.1% 0.070 125.2)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#C8A1B1

Rouge · DarkGray · Rose Pink

HEX
#C8A1B1
RGB
rgb(200, 161, 177)
HSL
hsl(335, 26%, 71%)
HSB
hsb(335, 20%, 78%)
CMYK
cmyk(0%, 20%, 12%, 22%)
Oklch
oklch(74.9% 0.051 351.9)

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

#9C7864

Tangerine · Gray · Amber Brown

HEX
#9C7864
RGB
rgb(156, 120, 100)
HSL
hsl(21, 22%, 50%)
HSB
hsb(21, 36%, 61%)
CMYK
cmyk(0%, 23%, 36%, 39%)
Oklch
oklch(60.3% 0.054 50.4)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#98973D

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#98973D
RGB
rgb(152, 151, 61)
HSL
hsl(59, 43%, 42%)
HSB
hsb(59, 60%, 60%)
CMYK
cmyk(0%, 1%, 60%, 40%)
Oklch
oklch(65.9% 0.112 108.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

542644
265436

Analogous

4D2654
542644
54262D

Triadic

542644
445426
264454

Split-Comp.

542644
2D5426
26544D

Tetradic

542644
544D26
265436
262D54

Contrast Matrix WCAG 2.1 Contrast

542644
DAEEBB
C8A1B1
9C7864
98973D
—
9.7
AAA
5.3
AA
3.0
AA Large
3.9
AA Large
9.7
AAA
—
1.8
Fail
3.2
AA Large
2.5
Fail
5.3
AA
1.8
Fail
—
1.7
Fail
1.3
Fail
3.0
AA Large
3.2
AA Large
1.7
Fail
—
1.3
Fail
3.9
AA Large
2.5
Fail
1.3
Fail
1.3
Fail
—
White BG
12.1AAA
1.2Fail
2.3Fail
4.0AA Large
3.1AA Large
Black BG
1.7Fail
16.9AAA
9.2AAA
5.3AA
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

40403D
E3E3C7
B7B7AD
8C8C69
989853

Deuteranopia

43463B
E2E0CA
B9BCAC
8F916A
989858

Tritanopia

523736
DBD1D3
C6AAA9
9A6D6E
986468

Achromatopsia

373737
E2E2E2
AEAEAE
808080
8D8D8D

Shades & Tints Shades & Tints

#542644

Dark
Light

#DAEEBB

Dark
Light

#C8A1B1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #542644;
  --color-2: #daeebb;
  --color-3: #c8a1b1;
  --color-4: #9c7864;
  --color-5: #98973d;
}

SCSS

$color-1: #542644;
$color-2: #daeebb;
$color-3: #c8a1b1;
$color-4: #9c7864;
$color-5: #98973d;

TAILWIND

colors: {
  'brand-1': '#542644',
  'brand-2': '#daeebb',
  'brand-3': '#c8a1b1',
  'brand-4': '#9c7864',
  'brand-5': '#98973d',
}

RGB Array

[84, 38, 68], [218, 238, 187], [200, 161, 177], [156, 120, 100], [152, 151, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #542644, #DAEEBB, #C8A1B1, #9C7864, #98973D 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: #542644; --color-2: #daeebb; --color-3: #c8a1b1; --color-4: #9c7864; --color-5: #98973d. 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