← Back to Editor

#A58C85 · #C6A095 · #DBBBA2 · #816A84 · #4F3767

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

#A58C85

Crimson · Gray · Passion Red

HEX
#A58C85
RGB
rgb(165, 140, 133)
HSL
hsl(13, 15%, 58%)
HSB
hsb(13, 19%, 65%)
CMYK
cmyk(0%, 15%, 19%, 35%)
Oklch
oklch(66.1% 0.032 36.2)

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

#C6A095

Peach Pink · Tan · Coral Red

HEX
#C6A095
RGB
rgb(198, 160, 149)
HSL
hsl(13, 30%, 68%)
HSB
hsb(13, 25%, 78%)
CMYK
cmyk(0%, 19%, 25%, 22%)
Oklch
oklch(73.7% 0.048 36.7)

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

#DBBBA2

Apricot · Tan · Warm Sun

HEX
#DBBBA2
RGB
rgb(219, 187, 162)
HSL
hsl(26, 44%, 75%)
HSB
hsb(26, 26%, 86%)
CMYK
cmyk(0%, 15%, 26%, 14%)
Oklch
oklch(81.3% 0.050 60.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#816A84

Dark Plum · Gray · Violet

HEX
#816A84
RGB
rgb(129, 106, 132)
HSL
hsl(293, 11%, 47%)
HSB
hsb(293, 20%, 52%)
CMYK
cmyk(2%, 20%, 0%, 48%)
Oklch
oklch(55.5% 0.048 322.4)

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

#4F3767

Dark Plum · DarkSlateBlue · Eggplant

HEX
#4F3767
RGB
rgb(79, 55, 103)
HSL
hsl(270, 30%, 31%)
HSB
hsb(270, 47%, 40%)
CMYK
cmyk(23%, 47%, 0%, 60%)
Oklch
oklch(38.6% 0.083 305.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A58C85
849DA4

Analogous

A4848D
A58C85
A49B84

Triadic

A58C85
84A48B
8B84A4

Split-Comp.

A58C85
84A49B
848DA4

Tetradic

A58C85
8DA484
849DA4
9B84A4

Contrast Matrix WCAG 2.1 Contrast

A58C85
C6A095
DBBBA2
816A84
4F3767
—
1.3
Fail
1.7
Fail
1.5
Fail
3.2
AA Large
1.3
Fail
—
1.3
Fail
2.0
Fail
4.3
AA Large
1.7
Fail
1.3
Fail
—
2.7
Fail
5.6
AA
1.5
Fail
2.0
Fail
2.7
Fail
—
2.1
Fail
3.2
AA Large
4.3
AA Large
5.6
AA
2.1
Fail
—
White BG
3.1AA Large
2.4Fail
1.8Fail
4.9AA
10.1AAA
Black BG
6.7AA
8.9AAA
11.6AAA
4.3AA Large
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9A87
B6B598
CDCDA8
77777E
45445B

Deuteranopia

9C9E87
B8BB98
CFD1AA
787A7C
464859

Tritanopia

A48888
C49A9A
D9ADAE
807978
4E5250

Achromatopsia

939393
AAAAAA
C2C2C2
747474
444444

Shades & Tints Shades & Tints

#A58C85

Dark
Light

#C6A095

Dark
Light

#DBBBA2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a58c85;
  --color-2: #c6a095;
  --color-3: #dbbba2;
  --color-4: #816a84;
  --color-5: #4f3767;
}

SCSS

$color-1: #a58c85;
$color-2: #c6a095;
$color-3: #dbbba2;
$color-4: #816a84;
$color-5: #4f3767;

TAILWIND

colors: {
  'brand-1': '#a58c85',
  'brand-2': '#c6a095',
  'brand-3': '#dbbba2',
  'brand-4': '#816a84',
  'brand-5': '#4f3767',
}

RGB Array

[165, 140, 133], [198, 160, 149], [219, 187, 162], [129, 106, 132], [79, 55, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A58C85, #C6A095, #DBBBA2, #816A84, #4F3767 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a58c85; --color-2: #c6a095; --color-3: #dbbba2; --color-4: #816a84; --color-5: #4f3767. 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. Restrained colors convey professionalism and trust. 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