← Back to Editor

#423643 · #A57A6A · #D8BE90 · #A3B794 · #B65B3F

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

#423643

Dark Plum · DarkSlateGray · Eggplant

HEX
#423643
RGB
rgb(66, 54, 67)
HSL
hsl(295, 11%, 24%)
HSB
hsb(295, 19%, 26%)
CMYK
cmyk(1%, 19%, 0%, 74%)
Oklch
oklch(35.1% 0.027 323.7)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#A57A6A

Tangerine · Gray · Warm Sun

HEX
#A57A6A
RGB
rgb(165, 122, 106)
HSL
hsl(16, 25%, 53%)
HSB
hsb(16, 36%, 65%)
CMYK
cmyk(0%, 26%, 36%, 35%)
Oklch
oklch(61.8% 0.059 41.3)

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

#D8BE90

Goose Yellow · Tan · Warm Sun

HEX
#D8BE90
RGB
rgb(216, 190, 144)
HSL
hsl(38, 48%, 71%)
HSB
hsb(38, 33%, 85%)
CMYK
cmyk(0%, 12%, 33%, 15%)
Oklch
oklch(81.3% 0.068 81.6)

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

#A3B794

Celadon · DarkSeaGreen · Apple Green

HEX
#A3B794
RGB
rgb(163, 183, 148)
HSL
hsl(94, 20%, 65%)
HSB
hsb(94, 19%, 72%)
CMYK
cmyk(11%, 0%, 19%, 28%)
Oklch
oklch(75.5% 0.054 131.9)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#B65B3F

Crimson · Sienna · Passion Red

HEX
#B65B3F
RGB
rgb(182, 91, 63)
HSL
hsl(14, 49%, 48%)
HSB
hsb(14, 65%, 71%)
CMYK
cmyk(0%, 50%, 65%, 29%)
Oklch
oklch(57.5% 0.125 37.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

423643
384436

Analogous

3C3644
423643
44363E

Triadic

423643
444336
364443

Split-Comp.

423643
3E4436
36443C

Tetradic

423643
443C36
384436
363E44

Contrast Matrix WCAG 2.1 Contrast

423643
A57A6A
D8BE90
A3B794
B65B3F
—
3.0
AA Large
6.4
AA
5.3
AA
2.5
Fail
3.0
AA Large
—
2.1
Fail
1.7
Fail
1.2
Fail
6.4
AA
2.1
Fail
—
1.2
Fail
2.6
Fail
5.3
AA
1.7
Fail
1.2
Fail
—
2.1
Fail
2.5
Fail
1.2
Fail
2.6
Fail
2.1
Fail
—
White BG
11.4AAA
3.8AA Large
1.8Fail
2.2Fail
4.6AA
Black BG
1.8Fail
5.6AA
11.7AAA
9.8AAA
4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3D3D40
92926E
CDCD9B
ACAC9C
8F8E46

Deuteranopia

3E3E3F
95986F
CED09E
ABA99F
949B47

Tritanopia

413D3D
A37172
D7A4A6
A4A3A5
B14B4C

Achromatopsia

3B3B3B
858585
C1C1C1
ADADAD
737373

Shades & Tints Shades & Tints

#423643

Dark
Light

#A57A6A

Dark
Light

#D8BE90

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #423643;
  --color-2: #a57a6a;
  --color-3: #d8be90;
  --color-4: #a3b794;
  --color-5: #b65b3f;
}

SCSS

$color-1: #423643;
$color-2: #a57a6a;
$color-3: #d8be90;
$color-4: #a3b794;
$color-5: #b65b3f;

TAILWIND

colors: {
  'brand-1': '#423643',
  'brand-2': '#a57a6a',
  'brand-3': '#d8be90',
  'brand-4': '#a3b794',
  'brand-5': '#b65b3f',
}

RGB Array

[66, 54, 67], [165, 122, 106], [216, 190, 144], [163, 183, 148], [182, 91, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #423643, #A57A6A, #D8BE90, #A3B794, #B65B3F 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: #423643; --color-2: #a57a6a; --color-3: #d8be90; --color-4: #a3b794; --color-5: #b65b3f. 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