← Back to Editor

#A59B8F · #DDB776 · #8F2A20 · #4F4858 · #040000

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

#A59B8F

Ginger · DarkGray · Warm Sun

HEX
#A59B8F
RGB
rgb(165, 155, 143)
HSL
hsl(33, 11%, 60%)
HSB
hsb(33, 13%, 65%)
CMYK
cmyk(0%, 6%, 13%, 35%)
Oklch
oklch(69.5% 0.021 72.5)

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

#DDB776

Ginger · BurlyWood · Warm Sun

HEX
#DDB776
RGB
rgb(221, 183, 118)
HSL
hsl(38, 60%, 66%)
HSB
hsb(38, 47%, 87%)
CMYK
cmyk(0%, 17%, 47%, 13%)
Oklch
oklch(79.9% 0.094 80.2)

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

#8F2A20

Vermilion · Brown · Wine Red

HEX
#8F2A20
RGB
rgb(143, 42, 32)
HSL
hsl(5, 63%, 34%)
HSB
hsb(5, 78%, 56%)
CMYK
cmyk(0%, 71%, 78%, 44%)
Oklch
oklch(44.0% 0.138 29.4)

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

#4F4858

Deep Indigo · DarkSlateGray · Eggplant

HEX
#4F4858
RGB
rgb(79, 72, 88)
HSL
hsl(266, 10%, 31%)
HSB
hsb(266, 18%, 35%)
CMYK
cmyk(10%, 18%, 0%, 65%)
Oklch
oklch(41.5% 0.028 305.0)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#040000

Vermilion · Black · Deep Berry

HEX
#040000
RGB
rgb(4, 0, 0)
HSL
hsl(0, 100%, 1%)
HSB
hsb(0, 100%, 2%)
CMYK
cmyk(0%, 100%, 100%, 98%)
Oklch
oklch(6.7% 0.027 29.2)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A59B8F
8E98A4

Analogous

A48F8E
A59B8F
A3A48E

Triadic

A59B8F
8EA49A
9A8EA4

Split-Comp.

A59B8F
8EA3A4
8F8EA4

Tetradic

A59B8F
8EA48F
8E98A4
A48EA3

Contrast Matrix WCAG 2.1 Contrast

A59B8F
DDB776
8F2A20
4F4858
040000
—
1.4
Fail
3.0
AA Large
3.2
AA Large
7.6
AAA
1.4
Fail
—
4.4
AA Large
4.6
AA
11.1
AAA
3.0
AA Large
4.4
AA Large
—
1.0
Fail
2.5
Fail
3.2
AA Large
4.6
AA
1.0
Fail
—
2.4
Fail
7.6
AAA
11.1
AAA
2.5
Fail
2.4
Fail
—
White BG
2.7Fail
1.9Fail
8.3AAA
8.7AAA
20.9AAA
Black BG
7.7AAA
11.1AAA
2.5Fail
2.4Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A192
CDCC86
636222
4C4C54
020200

Deuteranopia

A1A293
CFD28A
697123
4C4D53
030300

Tritanopia

A59495
DB9295
8A2425
4F5150
040000

Achromatopsia

9D9D9D
BBBBBB
474747
4C4C4C
010101

Shades & Tints Shades & Tints

#A59B8F

Dark
Light

#DDB776

Dark
Light

#8F2A20

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a59b8f;
  --color-2: #ddb776;
  --color-3: #8f2a20;
  --color-4: #4f4858;
  --color-5: #040000;
}

SCSS

$color-1: #a59b8f;
$color-2: #ddb776;
$color-3: #8f2a20;
$color-4: #4f4858;
$color-5: #040000;

TAILWIND

colors: {
  'brand-1': '#a59b8f',
  'brand-2': '#ddb776',
  'brand-3': '#8f2a20',
  'brand-4': '#4f4858',
  'brand-5': '#040000',
}

RGB Array

[165, 155, 143], [221, 183, 118], [143, 42, 32], [79, 72, 88], [4, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A59B8F, #DDB776, #8F2A20, #4F4858, #040000 is ideal for: tech websites, dark mode UIs, game UIs, 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: #a59b8f; --color-2: #ddb776; --color-3: #8f2a20; --color-4: #4f4858; --color-5: #040000. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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