← Back to Editor

#A47881 · #B1817F · #BDBDBD · #C4A5A0 · #CE8494

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

#A47881

Crimson · Gray · Passion Red

HEX
#A47881
RGB
rgb(164, 120, 129)
HSL
hsl(348, 19%, 56%)
HSB
hsb(348, 27%, 64%)
CMYK
cmyk(0%, 27%, 21%, 36%)
Oklch
oklch(61.9% 0.056 5.3)

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

#B1817F

Crimson · Gray · Passion Red

HEX
#B1817F
RGB
rgb(177, 129, 127)
HSL
hsl(2, 24%, 60%)
HSB
hsb(2, 28%, 69%)
CMYK
cmyk(0%, 27%, 28%, 31%)
Oklch
oklch(65.0% 0.060 21.5)

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

#BDBDBD

Silver Gray · Silver · Pearl Gray

HEX
#BDBDBD
RGB
rgb(189, 189, 189)
HSL
hsl(0, 0%, 74%)
HSB
hsb(0, 0%, 74%)
CMYK
cmyk(0%, 0%, 0%, 26%)
Oklch
oklch(79.8% 0.000 89.9)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#C4A5A0

Peach Pink · Tan · Coral Red

HEX
#C4A5A0
RGB
rgb(196, 165, 160)
HSL
hsl(8, 23%, 70%)
HSB
hsb(8, 18%, 77%)
CMYK
cmyk(0%, 16%, 18%, 23%)
Oklch
oklch(74.8% 0.037 28.8)

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

#CE8494

Peach Pink · LightCoral · Coral Red

HEX
#CE8494
RGB
rgb(206, 132, 148)
HSL
hsl(347, 43%, 66%)
HSB
hsb(347, 36%, 81%)
CMYK
cmyk(0%, 36%, 28%, 19%)
Oklch
oklch(69.4% 0.093 5.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A47881
79A49C

Analogous

A47997
A47881
A48679

Triadic

A47881
82A479
7982A4

Split-Comp.

A47881
79A486
7997A4

Tetradic

A47881
97A479
79A49C
8679A4

Contrast Matrix WCAG 2.1 Contrast

A47881
B1817F
BDBDBD
C4A5A0
CE8494
—
1.1
Fail
2.0
Fail
1.7
Fail
1.3
Fail
1.1
Fail
—
1.8
Fail
1.5
Fail
1.2
Fail
2.0
Fail
1.8
Fail
—
1.2
Fail
1.5
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
1.3
Fail
1.2
Fail
1.5
Fail
1.3
Fail
—
White BG
3.8AA Large
3.3AA Large
1.9Fail
2.3Fail
2.9Fail
Black BG
5.6AA
6.3AA
11.2AAA
9.2AAA
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

91917F
9C9C7F
BDBDBD
B7B6A1
AEAD90

Deuteranopia

94977E
9FA380
BDBDBD
B8BBA2
B2B88F

Tritanopia

A27D7D
AF8080
BDBDBD
C2A2A2
CA8D8C

Achromatopsia

868686
8F8F8F
BDBDBD
AEAEAE
9C9C9C

Shades & Tints Shades & Tints

#A47881

Dark
Light

#B1817F

Dark
Light

#BDBDBD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a47881;
  --color-2: #b1817f;
  --color-3: #bdbdbd;
  --color-4: #c4a5a0;
  --color-5: #ce8494;
}

SCSS

$color-1: #a47881;
$color-2: #b1817f;
$color-3: #bdbdbd;
$color-4: #c4a5a0;
$color-5: #ce8494;

TAILWIND

colors: {
  'brand-1': '#a47881',
  'brand-2': '#b1817f',
  'brand-3': '#bdbdbd',
  'brand-4': '#c4a5a0',
  'brand-5': '#ce8494',
}

RGB Array

[164, 120, 129], [177, 129, 127], [189, 189, 189], [196, 165, 160], [206, 132, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A47881, #B1817F, #BDBDBD, #C4A5A0, #CE8494 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. 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: #a47881; --color-2: #b1817f; --color-3: #bdbdbd; --color-4: #c4a5a0; --color-5: #ce8494. 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 beauty, lifestyle, arts 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