← Back to Editor

#BDB4A3 · #C67E43 · #F7C97E · #8C5141 · #67423A

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 LibraryData Visualization

Color Details Color Details

#BDB4A3

Ginger · DarkGray · Warm Sun

HEX
#BDB4A3
RGB
rgb(189, 180, 163)
HSL
hsl(39, 16%, 69%)
HSB
hsb(39, 14%, 74%)
CMYK
cmyk(0%, 5%, 14%, 26%)
Oklch
oklch(77.3% 0.026 83.4)

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

#C67E43

Tangerine · Chocolate · Warm Sun

HEX
#C67E43
RGB
rgb(198, 126, 67)
HSL
hsl(27, 53%, 52%)
HSB
hsb(27, 66%, 78%)
CMYK
cmyk(0%, 36%, 66%, 22%)
Oklch
oklch(65.7% 0.117 58.0)

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

#F7C97E

Goose Yellow · BurlyWood · Warm Sun

HEX
#F7C97E
RGB
rgb(247, 201, 126)
HSL
hsl(37, 88%, 73%)
HSB
hsb(37, 49%, 97%)
CMYK
cmyk(0%, 19%, 49%, 3%)
Oklch
oklch(86.0% 0.107 78.8)

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

#8C5141

Crimson · Sienna · Wine Red

HEX
#8C5141
RGB
rgb(140, 81, 65)
HSL
hsl(13, 37%, 40%)
HSB
hsb(13, 54%, 55%)
CMYK
cmyk(0%, 42%, 54%, 45%)
Oklch
oklch(50.0% 0.084 36.0)

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

#67423A

Crimson · DarkOliveGreen · Wine Red

HEX
#67423A
RGB
rgb(103, 66, 58)
HSL
hsl(11, 28%, 32%)
HSB
hsb(11, 44%, 40%)
CMYK
cmyk(0%, 36%, 44%, 60%)
Oklch
oklch(41.9% 0.054 32.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BDB4A3
A3ACBD

Analogous

BDA7A3
BDB4A3
B9BDA3

Triadic

BDB4A3
A3BDB4
B4A3BD

Split-Comp.

BDB4A3
A3B9BD
A7A3BD

Tetradic

BDB4A3
A3BDA7
A3ACBD
BDA3B9

Contrast Matrix WCAG 2.1 Contrast

BDB4A3
C67E43
F7C97E
8C5141
67423A
—
1.6
Fail
1.3
Fail
3.0
AA Large
4.2
AA Large
1.6
Fail
—
2.1
Fail
1.9
Fail
2.7
Fail
1.3
Fail
2.1
Fail
—
4.0
AA Large
5.6
AA
3.0
AA Large
1.9
Fail
4.0
AA Large
—
1.4
Fail
4.2
AA Large
2.7
Fail
5.6
AA
1.4
Fail
—
White BG
2.1Fail
3.2AA Large
1.5Fail
6.2AA
8.7AAA
Black BG
10.2AAA
6.5AA
13.6AAA
3.4AA Large
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B9A7
A7A651
E3E390
727245
57573C

Deuteranopia

BABAA8
ABB055
E6E995
767A46
595C3C

Tritanopia

BDAAAB
C25D5F
F59EA2
894849
653D3E

Achromatopsia

B5B5B5
8D8D8D
CECECE
616161
4C4C4C

Shades & Tints Shades & Tints

#BDB4A3

Dark
Light

#C67E43

Dark
Light

#F7C97E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bdb4a3;
  --color-2: #c67e43;
  --color-3: #f7c97e;
  --color-4: #8c5141;
  --color-5: #67423a;
}

SCSS

$color-1: #bdb4a3;
$color-2: #c67e43;
$color-3: #f7c97e;
$color-4: #8c5141;
$color-5: #67423a;

TAILWIND

colors: {
  'brand-1': '#bdb4a3',
  'brand-2': '#c67e43',
  'brand-3': '#f7c97e',
  'brand-4': '#8c5141',
  'brand-5': '#67423a',
}

RGB Array

[189, 180, 163], [198, 126, 67], [247, 201, 126], [140, 81, 65], [103, 66, 58]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BDB4A3, #C67E43, #F7C97E, #8C5141, #67423A is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #bdb4a3; --color-2: #c67e43; --color-3: #f7c97e; --color-4: #8c5141; --color-5: #67423a. 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. 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