← Back to Editor

#5E4C25 · #BD82A0 · #D485B5 · #CC9BB8 · #999946

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

#5E4C25

Ochre · DarkOliveGreen · Honey Gold

HEX
#5E4C25
RGB
rgb(94, 76, 37)
HSL
hsl(41, 44%, 26%)
HSB
hsb(41, 61%, 37%)
CMYK
cmyk(0%, 19%, 61%, 63%)
Oklch
oklch(42.6% 0.061 84.9)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#BD82A0

Mauve · DarkGray · Rose Pink

HEX
#BD82A0
RGB
rgb(189, 130, 160)
HSL
hsl(329, 31%, 63%)
HSB
hsb(329, 31%, 74%)
CMYK
cmyk(0%, 31%, 15%, 26%)
Oklch
oklch(67.5% 0.082 347.7)

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

#D485B5

Mauve · Orchid · Rose Pink

HEX
#D485B5
RGB
rgb(212, 133, 181)
HSL
hsl(324, 48%, 68%)
HSB
hsb(324, 37%, 83%)
CMYK
cmyk(0%, 37%, 15%, 17%)
Oklch
oklch(71.3% 0.114 343.2)

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

#CC9BB8

Mauve · Silver · Rose Pink

HEX
#CC9BB8
RGB
rgb(204, 155, 184)
HSL
hsl(324, 32%, 70%)
HSB
hsb(324, 24%, 80%)
CMYK
cmyk(0%, 24%, 10%, 20%)
Oklch
oklch(74.4% 0.070 342.7)

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

#999946

Autumn Sage · Gray · Honey Gold

HEX
#999946
RGB
rgb(153, 153, 70)
HSL
hsl(60, 37%, 44%)
HSB
hsb(60, 54%, 60%)
CMYK
cmyk(0%, 0%, 54%, 40%)
Oklch
oklch(66.5% 0.106 109.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5E4C25
25385F

Analogous

5F3025
5E4C25
555F25

Triadic

5E4C25
255F4D
4D255F

Split-Comp.

5E4C25
25555F
30255F

Tetradic

5E4C25
255F30
25385F
5F2555

Contrast Matrix WCAG 2.1 Contrast

5E4C25
BD82A0
D485B5
CC9BB8
999946
—
2.7
Fail
3.1
AA Large
3.5
AA Large
2.8
Fail
2.7
Fail
—
1.1
Fail
1.3
Fail
1.0
Fail
3.1
AA Large
1.1
Fail
—
1.1
Fail
1.1
Fail
3.5
AA Large
1.3
Fail
1.1
Fail
—
1.3
Fail
2.8
Fail
1.0
Fail
1.1
Fail
1.3
Fail
—
White BG
8.3AAA
3.1AA Large
2.7Fail
2.3Fail
3.0AA Large
Black BG
2.5Fail
6.9AA
7.8AAA
8.9AAA
7.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

56562E
A3A399
B2B1A9
B7B6B1
99995A

Deuteranopia

575931
A7AB97
B6BCA7
BABDAF
99995F

Tritanopia

5D3638
BA9392
D0A09E
CAABAA
996A6D

Achromatopsia

4D4D4D
979797
A2A2A2
ADADAD
909090

Shades & Tints Shades & Tints

#5E4C25

Dark
Light

#BD82A0

Dark
Light

#D485B5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5e4c25;
  --color-2: #bd82a0;
  --color-3: #d485b5;
  --color-4: #cc9bb8;
  --color-5: #999946;
}

SCSS

$color-1: #5e4c25;
$color-2: #bd82a0;
$color-3: #d485b5;
$color-4: #cc9bb8;
$color-5: #999946;

TAILWIND

colors: {
  'brand-1': '#5e4c25',
  'brand-2': '#bd82a0',
  'brand-3': '#d485b5',
  'brand-4': '#cc9bb8',
  'brand-5': '#999946',
}

RGB Array

[94, 76, 37], [189, 130, 160], [212, 133, 181], [204, 155, 184], [153, 153, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5E4C25, #BD82A0, #D485B5, #CC9BB8, #999946 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: #5e4c25; --color-2: #bd82a0; --color-3: #d485b5; --color-4: #cc9bb8; --color-5: #999946. 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