← Back to Editor

#9E7645 · #D3888F · #B0605F · #3A3E41 · #DAB893

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

#9E7645

Ochre · Sienna · Amber Brown

HEX
#9E7645
RGB
rgb(158, 118, 69)
HSL
hsl(33, 39%, 45%)
HSB
hsb(33, 56%, 62%)
CMYK
cmyk(0%, 25%, 56%, 38%)
Oklch
oklch(59.5% 0.083 70.7)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#D3888F

Peach Pink · DarkSalmon · Coral Red

HEX
#D3888F
RGB
rgb(211, 136, 143)
HSL
hsl(354, 46%, 68%)
HSB
hsb(354, 36%, 83%)
CMYK
cmyk(0%, 36%, 32%, 17%)
Oklch
oklch(70.5% 0.092 13.6)

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

#B0605F

Crimson · Sienna · Passion Red

HEX
#B0605F
RGB
rgb(176, 96, 95)
HSL
hsl(1, 34%, 53%)
HSB
hsb(1, 46%, 69%)
CMYK
cmyk(0%, 45%, 46%, 31%)
Oklch
oklch(58.1% 0.104 21.5)

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

#3A3E41

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#3A3E41
RGB
rgb(58, 62, 65)
HSL
hsl(206, 6%, 24%)
HSB
hsb(206, 11%, 25%)
CMYK
cmyk(11%, 5%, 0%, 75%)
Oklch
oklch(36.1% 0.007 240.0)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#DAB893

Goose Yellow · Tan · Warm Sun

HEX
#DAB893
RGB
rgb(218, 184, 147)
HSL
hsl(31, 49%, 72%)
HSB
hsb(31, 33%, 85%)
CMYK
cmyk(0%, 16%, 33%, 15%)
Oklch
oklch(80.3% 0.063 69.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9E7645
466EA0

Analogous

A04A46
9E7645
9BA046

Triadic

9E7645
46A077
7746A0

Split-Comp.

9E7645
469BA0
4A46A0

Tetradic

9E7645
46A04A
466EA0
A0469B

Contrast Matrix WCAG 2.1 Contrast

9E7645
D3888F
B0605F
3A3E41
DAB893
—
1.5
Fail
1.1
Fail
2.6
Fail
2.2
Fail
1.5
Fail
—
1.6
Fail
4.0
AA Large
1.5
Fail
1.1
Fail
1.6
Fail
—
2.4
Fail
2.4
Fail
2.6
Fail
4.0
AA Large
2.4
Fail
—
5.8
AA
2.2
Fail
1.5
Fail
2.4
Fail
5.8
AA
—
White BG
4.1AA Large
2.7Fail
4.5AA Large
10.8AAA
1.9Fail
Black BG
5.1AA
7.7AAA
4.7AA
1.9Fail
11.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8C51
B3B28D
8D8D5F
3C3C40
CBCB9C

Deuteranopia

8F9254
B7BD8D
92985F
3C3B40
CDD09E

Tritanopia

9C5A5C
CF8C8C
AC5F5F
3A4040
D8A3A5

Achromatopsia

7C7C7C
9F9F9F
787878
3D3D3D
BEBEBE

Shades & Tints Shades & Tints

#9E7645

Dark
Light

#D3888F

Dark
Light

#B0605F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9e7645;
  --color-2: #d3888f;
  --color-3: #b0605f;
  --color-4: #3a3e41;
  --color-5: #dab893;
}

SCSS

$color-1: #9e7645;
$color-2: #d3888f;
$color-3: #b0605f;
$color-4: #3a3e41;
$color-5: #dab893;

TAILWIND

colors: {
  'brand-1': '#9e7645',
  'brand-2': '#d3888f',
  'brand-3': '#b0605f',
  'brand-4': '#3a3e41',
  'brand-5': '#dab893',
}

RGB Array

[158, 118, 69], [211, 136, 143], [176, 96, 95], [58, 62, 65], [218, 184, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9E7645, #D3888F, #B0605F, #3A3E41, #DAB893 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: #9e7645; --color-2: #d3888f; --color-3: #b0605f; --color-4: #3a3e41; --color-5: #dab893. 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