← Back to Editor

#BD7B97 · #AD8798 · #9C808C · #8C737E · #7D6670

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#BD7B97

Rouge · DarkGray · Rose Pink

HEX
#BD7B97
RGB
rgb(189, 123, 151)
HSL
hsl(335, 33%, 61%)
HSB
hsb(335, 35%, 74%)
CMYK
cmyk(0%, 35%, 20%, 26%)
Oklch
oklch(66.0% 0.089 352.8)

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

#AD8798

Dark Violet · DarkGray · Rose Pink

HEX
#AD8798
RGB
rgb(173, 135, 152)
HSL
hsl(333, 19%, 60%)
HSB
hsb(333, 22%, 68%)
CMYK
cmyk(0%, 22%, 12%, 32%)
Oklch
oklch(66.5% 0.052 350.0)

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

#9C808C

Dark Violet · Gray · Rose Pink

HEX
#9C808C
RGB
rgb(156, 128, 140)
HSL
hsl(334, 12%, 56%)
HSB
hsb(334, 18%, 61%)
CMYK
cmyk(0%, 18%, 10%, 39%)
Oklch
oklch(63.0% 0.038 350.6)

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

#8C737E

Dark Violet · Gray · Camellia

HEX
#8C737E
RGB
rgb(140, 115, 126)
HSL
hsl(334, 10%, 50%)
HSB
hsb(334, 18%, 55%)
CMYK
cmyk(0%, 18%, 10%, 45%)
Oklch
oklch(58.3% 0.035 350.0)

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

#7D6670

Dark Violet · DimGray · Camellia

HEX
#7D6670
RGB
rgb(125, 102, 112)
HSL
hsl(334, 10%, 45%)
HSB
hsb(334, 18%, 49%)
CMYK
cmyk(0%, 18%, 10%, 51%)
Oklch
oklch(53.6% 0.033 350.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BD7B97
7BBCA1

Analogous

BC7BB7
BD7B97
BC807B

Triadic

BD7B97
96BC7B
7B96BC

Split-Comp.

BD7B97
7BBC80
7BB7BC

Tetradic

BD7B97
B7BC7B
7BBCA1
807BBC

Contrast Matrix WCAG 2.1 Contrast

BD7B97
AD8798
9C808C
8C737E
7D6670
—
1.0
Fail
1.1
Fail
1.3
Fail
1.6
Fail
1.0
Fail
—
1.1
Fail
1.4
Fail
1.7
Fail
1.1
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
1.3
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
White BG
3.3AA Large
3.1AA Large
3.6AA Large
4.3AA Large
5.2AA
Black BG
6.4AA
6.7AA
5.9AA
4.9AA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

A0A090
9D9C94
909089
81817B
73736E

Deuteranopia

A4A98F
9FA293
929488
83857B
74766D

Tritanopia

BA8B8A
AB9190
9B8786
8B7979
7C6C6B

Achromatopsia

929292
949494
8A8A8A
7C7C7C
6E6E6E

Shades & Tints Shades & Tints

#BD7B97

Dark
Light

#AD8798

Dark
Light

#9C808C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bd7b97;
  --color-2: #ad8798;
  --color-3: #9c808c;
  --color-4: #8c737e;
  --color-5: #7d6670;
}

SCSS

$color-1: #bd7b97;
$color-2: #ad8798;
$color-3: #9c808c;
$color-4: #8c737e;
$color-5: #7d6670;

TAILWIND

colors: {
  'brand-1': '#bd7b97',
  'brand-2': '#ad8798',
  'brand-3': '#9c808c',
  'brand-4': '#8c737e',
  'brand-5': '#7d6670',
}

RGB Array

[189, 123, 151], [173, 135, 152], [156, 128, 140], [140, 115, 126], [125, 102, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #BD7B97, #AD8798, #9C808C, #8C737E, #7D6670 is ideal for: brand design, premium product pages, magazine layouts. 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: #bd7b97; --color-2: #ad8798; --color-3: #9c808c; --color-4: #8c737e; --color-5: #7d6670. 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. 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 cool-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