← Back to Editor

#BD7391 · #A69AA3 · #9CB8B5 · #C9C0BB · #EDC8BE

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BD7391

Dark Violet · LightCoral · Rose Pink

HEX
#BD7391
RGB
rgb(189, 115, 145)
HSL
hsl(336, 36%, 60%)
HSB
hsb(336, 39%, 74%)
CMYK
cmyk(0%, 39%, 23%, 26%)
Oklch
oklch(64.4% 0.100 354.4)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#A69AA3

Ash · DarkGray · Silver Sand

HEX
#A69AA3
RGB
rgb(166, 154, 163)
HSL
hsl(315, 6%, 63%)
HSB
hsb(315, 7%, 65%)
CMYK
cmyk(0%, 7%, 2%, 35%)
Oklch
oklch(69.9% 0.019 334.3)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#9CB8B5

Jade · DarkGray · Lake Green

HEX
#9CB8B5
RGB
rgb(156, 184, 181)
HSL
hsl(174, 16%, 67%)
HSB
hsb(174, 15%, 72%)
CMYK
cmyk(15%, 0%, 2%, 28%)
Oklch
oklch(76.1% 0.031 188.6)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#C9C0BB

Apricot · Silver · Peach Orange

HEX
#C9C0BB
RGB
rgb(201, 192, 187)
HSL
hsl(21, 11%, 76%)
HSB
hsb(21, 7%, 79%)
CMYK
cmyk(0%, 4%, 7%, 21%)
Oklch
oklch(81.4% 0.012 51.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#EDC8BE

Peach Pink · Pink · Cherry Blossom

HEX
#EDC8BE
RGB
rgb(237, 200, 190)
HSL
hsl(13, 57%, 84%)
HSB
hsb(13, 20%, 93%)
CMYK
cmyk(0%, 16%, 20%, 7%)
Oklch
oklch(86.2% 0.044 35.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BD7391
74BEA0

Analogous

BE74B6
BD7391
BE7C74

Triadic

BD7391
92BE74
7492BE

Split-Comp.

BD7391
74BE7C
74B6BE

Tetradic

BD7391
B6BE74
74BEA0
7C74BE

Contrast Matrix WCAG 2.1 Contrast

BD7391
A69AA3
9CB8B5
C9C0BB
EDC8BE
—
1.3
Fail
1.6
Fail
1.9
Fail
2.3
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
1.8
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
1.4
Fail
1.9
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
2.3
Fail
1.8
Fail
1.4
Fail
1.2
Fail
—
White BG
3.5AA Large
2.7Fail
2.1Fail
1.8Fail
1.5Fail
Black BG
6.0AA
7.8AAA
9.9AAA
11.7AAA
13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9C8A
A1A1A1
A8A8B6
C5C5BC
DDDDC0

Deuteranopia

A1A788
A2A2A0
A7A4B6
C6C6BD
DFE2C1

Tritanopia

B98483
A59F9F
9DB6B6
C9BDBD
EBC2C3

Achromatopsia

8D8D8D
9F9F9F
AFAFAF
C2C2C2
D2D2D2

Shades & Tints Shades & Tints

#BD7391

Dark
Light

#A69AA3

Dark
Light

#9CB8B5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bd7391;
  --color-2: #a69aa3;
  --color-3: #9cb8b5;
  --color-4: #c9c0bb;
  --color-5: #edc8be;
}

SCSS

$color-1: #bd7391;
$color-2: #a69aa3;
$color-3: #9cb8b5;
$color-4: #c9c0bb;
$color-5: #edc8be;

TAILWIND

colors: {
  'brand-1': '#bd7391',
  'brand-2': '#a69aa3',
  'brand-3': '#9cb8b5',
  'brand-4': '#c9c0bb',
  'brand-5': '#edc8be',
}

RGB Array

[189, 115, 145], [166, 154, 163], [156, 184, 181], [201, 192, 187], [237, 200, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BD7391, #A69AA3, #9CB8B5, #C9C0BB, #EDC8BE 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: #bd7391; --color-2: #a69aa3; --color-3: #9cb8b5; --color-4: #c9c0bb; --color-5: #edc8be. 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