← Back to Editor

#5E343B · #9E442C · #B8641D · #ADAB98 · #D9CCA8

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

#5E343B

Crimson · DarkOliveGreen · Wine Red

HEX
#5E343B
RGB
rgb(94, 52, 59)
HSL
hsl(350, 29%, 29%)
HSB
hsb(350, 45%, 37%)
CMYK
cmyk(0%, 45%, 37%, 63%)
Oklch
oklch(38.0% 0.061 9.7)

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

#9E442C

Crimson · Sienna · Wine Red

HEX
#9E442C
RGB
rgb(158, 68, 44)
HSL
hsl(13, 56%, 40%)
HSB
hsb(13, 72%, 62%)
CMYK
cmyk(0%, 57%, 72%, 38%)
Oklch
oklch(50.1% 0.126 35.9)

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

#B8641D

Tangerine · Chocolate · Amber Brown

HEX
#B8641D
RGB
rgb(184, 100, 29)
HSL
hsl(27, 73%, 42%)
HSB
hsb(27, 84%, 72%)
CMYK
cmyk(0%, 46%, 84%, 28%)
Oklch
oklch(59.0% 0.134 55.0)

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

#ADAB98

Fresh Green · DarkGray · Sunflower

HEX
#ADAB98
RGB
rgb(173, 171, 152)
HSL
hsl(54, 11%, 64%)
HSB
hsb(54, 12%, 68%)
CMYK
cmyk(0%, 1%, 12%, 32%)
Oklch
oklch(73.8% 0.027 102.1)

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

#D9CCA8

Goose Yellow · Wheat · Sunflower

HEX
#D9CCA8
RGB
rgb(217, 204, 168)
HSL
hsl(44, 39%, 75%)
HSB
hsb(44, 23%, 85%)
CMYK
cmyk(0%, 6%, 23%, 15%)
Oklch
oklch(84.7% 0.050 90.5)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5E343B
355F58

Analogous

5F3551
5E343B
5F4335

Triadic

5E343B
3C5F35
353C5F

Split-Comp.

5E343B
355F43
35515F

Tetradic

5E343B
515F35
355F58
43355F

Contrast Matrix WCAG 2.1 Contrast

5E343B
9E442C
B8641D
ADAB98
D9CCA8
—
1.6
Fail
2.4
Fail
4.5
AA Large
6.5
AA
1.6
Fail
—
1.5
Fail
2.7
Fail
4.0
AA Large
2.4
Fail
1.5
Fail
—
1.9
Fail
2.7
Fail
4.5
AA Large
2.7
Fail
1.9
Fail
—
1.5
Fail
6.5
AA
4.0
AA Large
2.7
Fail
1.5
Fail
—
White BG
10.3AAA
6.3AA
4.3AA Large
2.3Fail
1.6Fail
Black BG
2.0Fail
3.3AA Large
4.9AA
9.1AAA
13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4C4B39
777632
94932E
ACAC9D
D3D3B1

Deuteranopia

4E5139
7C8333
999F32
ACAC9E
D4D5B3

Tritanopia

5C3838
9A3637
B43C3F
ADA0A1
D8B8B9

Achromatopsia

414141
5C5C5C
757575
A9A9A9
CCCCCC

Shades & Tints Shades & Tints

#5E343B

Dark
Light

#9E442C

Dark
Light

#B8641D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5e343b;
  --color-2: #9e442c;
  --color-3: #b8641d;
  --color-4: #adab98;
  --color-5: #d9cca8;
}

SCSS

$color-1: #5e343b;
$color-2: #9e442c;
$color-3: #b8641d;
$color-4: #adab98;
$color-5: #d9cca8;

TAILWIND

colors: {
  'brand-1': '#5e343b',
  'brand-2': '#9e442c',
  'brand-3': '#b8641d',
  'brand-4': '#adab98',
  'brand-5': '#d9cca8',
}

RGB Array

[94, 52, 59], [158, 68, 44], [184, 100, 29], [173, 171, 152], [217, 204, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5E343B, #9E442C, #B8641D, #ADAB98, #D9CCA8 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: #5e343b; --color-2: #9e442c; --color-3: #b8641d; --color-4: #adab98; --color-5: #d9cca8. 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