← Back to Editor

#B39C8D · #B3B398 · #BD8C6D · #CCBEA7 · #C47092

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 Library

Color Details Color Details

#B39C8D

Apricot · DarkGray · Warm Sun

HEX
#B39C8D
RGB
rgb(179, 156, 141)
HSL
hsl(24, 20%, 63%)
HSB
hsb(24, 21%, 70%)
CMYK
cmyk(0%, 13%, 21%, 30%)
Oklch
oklch(70.9% 0.035 55.2)

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

#B3B398

Fresh Green · DarkGray · Sunflower

HEX
#B3B398
RGB
rgb(179, 179, 152)
HSL
hsl(60, 15%, 65%)
HSB
hsb(60, 15%, 70%)
CMYK
cmyk(0%, 0%, 15%, 30%)
Oklch
oklch(75.9% 0.037 107.3)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#BD8C6D

Tangerine · DarkSalmon · Warm Sun

HEX
#BD8C6D
RGB
rgb(189, 140, 109)
HSL
hsl(23, 38%, 58%)
HSB
hsb(23, 42%, 74%)
CMYK
cmyk(0%, 26%, 42%, 26%)
Oklch
oklch(68.0% 0.074 53.4)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#CCBEA7

Goose Yellow · Silver · Warm Sun

HEX
#CCBEA7
RGB
rgb(204, 190, 167)
HSL
hsl(37, 27%, 73%)
HSB
hsb(37, 18%, 80%)
CMYK
cmyk(0%, 7%, 18%, 20%)
Oklch
oklch(80.7% 0.035 80.3)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#C47092

Dark Violet · LightCoral · Rose Pink

HEX
#C47092
RGB
rgb(196, 112, 146)
HSL
hsl(336, 42%, 60%)
HSB
hsb(336, 43%, 77%)
CMYK
cmyk(0%, 43%, 26%, 23%)
Oklch
oklch(64.8% 0.113 355.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B39C8D
8EA4B4

Analogous

B48E92
B39C8D
B4B08E

Triadic

B39C8D
8EB49D
9D8EB4

Split-Comp.

B39C8D
8EB4B0
8E92B4

Tetradic

B39C8D
92B48E
8EA4B4
B08EB4

Contrast Matrix WCAG 2.1 Contrast

B39C8D
B3B398
BD8C6D
CCBEA7
C47092
—
1.2
Fail
1.1
Fail
1.4
Fail
1.3
Fail
1.2
Fail
—
1.4
Fail
1.2
Fail
1.6
Fail
1.1
Fail
1.4
Fail
—
1.6
Fail
1.2
Fail
1.4
Fail
1.2
Fail
1.6
Fail
—
1.9
Fail
1.3
Fail
1.6
Fail
1.2
Fail
1.9
Fail
—
White BG
2.6Fail
2.1Fail
2.9Fail
1.8Fail
3.5AA Large
Black BG
8.1AAA
9.8AAA
7.1AAA
11.5AAA
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9A991
B3B39F
A8A775
C6C6AD
A09F8A

Deuteranopia

AAAC92
B3B3A0
ABAE76
C7C8AE
A5AB88

Tritanopia

B29394
B3A4A5
BB7A7C
CBB1B2
C08382

Achromatopsia

A1A1A1
B0B0B0
979797
C0C0C0
8D8D8D

Shades & Tints Shades & Tints

#B39C8D

Dark
Light

#B3B398

Dark
Light

#BD8C6D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b39c8d;
  --color-2: #b3b398;
  --color-3: #bd8c6d;
  --color-4: #ccbea7;
  --color-5: #c47092;
}

SCSS

$color-1: #b39c8d;
$color-2: #b3b398;
$color-3: #bd8c6d;
$color-4: #ccbea7;
$color-5: #c47092;

TAILWIND

colors: {
  'brand-1': '#b39c8d',
  'brand-2': '#b3b398',
  'brand-3': '#bd8c6d',
  'brand-4': '#ccbea7',
  'brand-5': '#c47092',
}

RGB Array

[179, 156, 141], [179, 179, 152], [189, 140, 109], [204, 190, 167], [196, 112, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B39C8D, #B3B398, #BD8C6D, #CCBEA7, #C47092 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: #b39c8d; --color-2: #b3b398; --color-3: #bd8c6d; --color-4: #ccbea7; --color-5: #c47092. 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 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