← Back to Editor

#413C3B · #8D6863 · #BE7B69 · #F3B26E · #FAE67D

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

#413C3B

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#413C3B
RGB
rgb(65, 60, 59)
HSL
hsl(10, 5%, 24%)
HSB
hsb(10, 9%, 25%)
CMYK
cmyk(0%, 8%, 9%, 75%)
Oklch
oklch(36.1% 0.007 31.1)

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

#8D6863

Crimson · DimGray · Passion Red

HEX
#8D6863
RGB
rgb(141, 104, 99)
HSL
hsl(7, 18%, 47%)
HSB
hsb(7, 30%, 55%)
CMYK
cmyk(0%, 26%, 30%, 45%)
Oklch
oklch(55.3% 0.049 27.5)

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

#BE7B69

Crimson · DarkSalmon · Passion Red

HEX
#BE7B69
RGB
rgb(190, 123, 105)
HSL
hsl(13, 40%, 58%)
HSB
hsb(13, 45%, 75%)
CMYK
cmyk(0%, 35%, 45%, 25%)
Oklch
oklch(64.8% 0.089 35.7)

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

#F3B26E

Ginger · SandyBrown · Warm Sun

HEX
#F3B26E
RGB
rgb(243, 178, 110)
HSL
hsl(31, 85%, 69%)
HSB
hsb(31, 55%, 95%)
CMYK
cmyk(0%, 27%, 55%, 5%)
Oklch
oklch(81.0% 0.114 66.3)

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

#FAE67D

Fresh Green · Khaki · Sunflower

HEX
#FAE67D
RGB
rgb(250, 230, 125)
HSL
hsl(50, 93%, 74%)
HSB
hsb(50, 50%, 98%)
CMYK
cmyk(0%, 8%, 50%, 2%)
Oklch
oklch(92.0% 0.128 98.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

413C3B
3A3F40

Analogous

403A3C
413C3B
403E3A

Triadic

413C3B
3A403B
3B3A40

Split-Comp.

413C3B
3A403E
3A3C40

Tetradic

413C3B
3C403A
3A3F40
3E3A40

Contrast Matrix WCAG 2.1 Contrast

413C3B
8D6863
BE7B69
F3B26E
FAE67D
—
2.2
Fail
3.2
AA Large
5.9
AA
8.6
AAA
2.2
Fail
—
1.5
Fail
2.7
Fail
3.9
AA Large
3.2
AA Large
1.5
Fail
—
1.8
Fail
2.7
Fail
5.9
AA
2.7
Fail
1.8
Fail
—
1.5
Fail
8.6
AAA
3.9
AA Large
2.7
Fail
1.5
Fail
—
White BG
10.9AAA
4.9AA
3.4AA Large
1.8Fail
1.3Fail
Black BG
1.9Fail
4.3AA Large
6.2AA
11.4AAA
16.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3F3F3B
7D7D64
A1A06D
D7D67E
F1F196

Deuteranopia

3F403B
7F8265
A5AA6E
DBE082
F3F49D

Tritanopia

413B3B
8B6565
BB7172
F08B8E
F9AAAF

Achromatopsia

3D3D3D
727272
8D8D8D
BEBEBE
E0E0E0

Shades & Tints Shades & Tints

#413C3B

Dark
Light

#8D6863

Dark
Light

#BE7B69

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #413c3b;
  --color-2: #8d6863;
  --color-3: #be7b69;
  --color-4: #f3b26e;
  --color-5: #fae67d;
}

SCSS

$color-1: #413c3b;
$color-2: #8d6863;
$color-3: #be7b69;
$color-4: #f3b26e;
$color-5: #fae67d;

TAILWIND

colors: {
  'brand-1': '#413c3b',
  'brand-2': '#8d6863',
  'brand-3': '#be7b69',
  'brand-4': '#f3b26e',
  'brand-5': '#fae67d',
}

RGB Array

[65, 60, 59], [141, 104, 99], [190, 123, 105], [243, 178, 110], [250, 230, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #413C3B, #8D6863, #BE7B69, #F3B26E, #FAE67D 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: #413c3b; --color-2: #8d6863; --color-3: #be7b69; --color-4: #f3b26e; --color-5: #fae67d. 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