← Back to Editor

#3A3743 · #9D5C74 · #BD8E99 · #C6BCB9 · #C9B2B4

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#3A3743

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#3A3743
RGB
rgb(58, 55, 67)
HSL
hsl(255, 10%, 24%)
HSB
hsb(255, 18%, 26%)
CMYK
cmyk(13%, 18%, 0%, 74%)
Oklch
oklch(34.5% 0.021 296.7)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#9D5C74

Dark Violet · Gray · Camellia

HEX
#9D5C74
RGB
rgb(157, 92, 116)
HSL
hsl(338, 26%, 49%)
HSB
hsb(338, 41%, 62%)
CMYK
cmyk(0%, 41%, 26%, 38%)
Oklch
oklch(55.5% 0.090 356.8)

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

#BD8E99

Peach Pink · DarkGray · Coral Red

HEX
#BD8E99
RGB
rgb(189, 142, 153)
HSL
hsl(346, 26%, 65%)
HSB
hsb(346, 25%, 74%)
CMYK
cmyk(0%, 25%, 19%, 26%)
Oklch
oklch(69.5% 0.059 3.2)

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

#C6BCB9

Peach Pink · Silver · Coral Red

HEX
#C6BCB9
RGB
rgb(198, 188, 185)
HSL
hsl(14, 10%, 75%)
HSB
hsb(14, 7%, 78%)
CMYK
cmyk(0%, 5%, 7%, 22%)
Oklch
oklch(80.3% 0.012 37.4)

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

#C9B2B4

Peach Pink · Silver · Coral Red

HEX
#C9B2B4
RGB
rgb(201, 178, 180)
HSL
hsl(355, 18%, 74%)
HSB
hsb(355, 11%, 79%)
CMYK
cmyk(0%, 11%, 10%, 21%)
Oklch
oklch(78.4% 0.027 11.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3A3743
404337

Analogous

373A43
3A3743
403743

Triadic

3A3743
433A37
37433A

Split-Comp.

3A3743
434037
3A4337

Tetradic

3A3743
43373A
404337
374340

Contrast Matrix WCAG 2.1 Contrast

3A3743
9D5C74
BD8E99
C6BCB9
C9B2B4
—
2.3
Fail
4.1
AA Large
6.2
AA
5.8
AA
2.3
Fail
—
1.8
Fail
2.7
Fail
2.5
Fail
4.1
AA Large
1.8
Fail
—
1.5
Fail
1.4
Fail
6.2
AA
2.7
Fail
1.5
Fail
—
1.1
Fail
5.8
AA
2.5
Fail
1.4
Fail
1.1
Fail
—
White BG
11.6AAA
5.0AA
2.8Fail
1.9Fail
2.0Fail
Black BG
1.8Fail
4.2AA Large
7.5AAA
11.3AAA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

393940
81806E
A9A896
C2C2BA
BFBFB4

Deuteranopia

39393F
858A6D
ABAF96
C2C3BA
C0C2B3

Tritanopia

3A3E3D
9A6A69
BB9494
C6BABA
C8B3B3

Achromatopsia

393939
727272
9D9D9D
BFBFBF
B9B9B9

Shades & Tints Shades & Tints

#3A3743

Dark
Light

#9D5C74

Dark
Light

#BD8E99

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3a3743;
  --color-2: #9d5c74;
  --color-3: #bd8e99;
  --color-4: #c6bcb9;
  --color-5: #c9b2b4;
}

SCSS

$color-1: #3a3743;
$color-2: #9d5c74;
$color-3: #bd8e99;
$color-4: #c6bcb9;
$color-5: #c9b2b4;

TAILWIND

colors: {
  'brand-1': '#3a3743',
  'brand-2': '#9d5c74',
  'brand-3': '#bd8e99',
  'brand-4': '#c6bcb9',
  'brand-5': '#c9b2b4',
}

RGB Array

[58, 55, 67], [157, 92, 116], [189, 142, 153], [198, 188, 185], [201, 178, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3A3743, #9D5C74, #BD8E99, #C6BCB9, #C9B2B4 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: #3a3743; --color-2: #9d5c74; --color-3: #bd8e99; --color-4: #c6bcb9; --color-5: #c9b2b4. 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