← Back to Editor

#DBC4A4 · #D37E69 · #AF6F54 · #79594A · #5E2A36

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

#DBC4A4

Goose Yellow · Tan · Warm Sun

HEX
#DBC4A4
RGB
rgb(219, 196, 164)
HSL
hsl(35, 43%, 75%)
HSB
hsb(35, 25%, 86%)
CMYK
cmyk(0%, 11%, 25%, 14%)
Oklch
oklch(83.1% 0.050 76.0)

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

#D37E69

Peach Pink · DarkSalmon · Coral Red

HEX
#D37E69
RGB
rgb(211, 126, 105)
HSL
hsl(12, 55%, 62%)
HSB
hsb(12, 50%, 83%)
CMYK
cmyk(0%, 40%, 50%, 17%)
Oklch
oklch(67.9% 0.111 34.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#AF6F54

Tangerine · Sienna · Warm Sun

HEX
#AF6F54
RGB
rgb(175, 111, 84)
HSL
hsl(18, 36%, 51%)
HSB
hsb(18, 52%, 69%)
CMYK
cmyk(0%, 37%, 52%, 31%)
Oklch
oklch(60.4% 0.091 43.5)

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

#79594A

Tangerine · DimGray · Amber Brown

HEX
#79594A
RGB
rgb(121, 89, 74)
HSL
hsl(19, 24%, 38%)
HSB
hsb(19, 39%, 47%)
CMYK
cmyk(0%, 26%, 39%, 53%)
Oklch
oklch(49.3% 0.048 46.2)

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

#5E2A36

Crimson · DarkSlateGray · Wine Red

HEX
#5E2A36
RGB
rgb(94, 42, 54)
HSL
hsl(346, 38%, 27%)
HSB
hsb(346, 55%, 37%)
CMYK
cmyk(0%, 55%, 43%, 63%)
Oklch
oklch(36.0% 0.077 7.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBC4A4
A4BBDB

Analogous

DBA8A4
DBC4A4
D6DBA4

Triadic

DBC4A4
A4DBC4
C4A4DB

Split-Comp.

DBC4A4
A4D6DB
A8A4DB

Tetradic

DBC4A4
A4DBA8
A4BBDB
DBA4D6

Contrast Matrix WCAG 2.1 Contrast

DBC4A4
D37E69
AF6F54
79594A
5E2A36
—
1.8
Fail
2.4
Fail
3.7
AA Large
6.7
AA
1.8
Fail
—
1.3
Fail
2.1
Fail
3.7
AA Large
2.4
Fail
1.3
Fail
—
1.6
Fail
2.8
Fail
3.7
AA Large
2.1
Fail
1.6
Fail
—
1.8
Fail
6.7
AA
3.7
AA Large
2.8
Fail
1.8
Fail
—
White BG
1.7Fail
3.0AA Large
4.0AA Large
6.3AA
11.3AAA
Black BG
12.4AAA
7.0AA
5.2AA
3.3AA Large
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D1AC
AEAD6E
93935B
6B6B4E
474733

Deuteranopia

D2D4AE
B3BA6F
979C5C
6D6F4F
4B4E32

Tritanopia

DAB2B3
CF7273
AC6061
775051
5B3130

Achromatopsia

C7C7C7
959595
7F7F7F
616161
3B3B3B

Shades & Tints Shades & Tints

#DBC4A4

Dark
Light

#D37E69

Dark
Light

#AF6F54

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbc4a4;
  --color-2: #d37e69;
  --color-3: #af6f54;
  --color-4: #79594a;
  --color-5: #5e2a36;
}

SCSS

$color-1: #dbc4a4;
$color-2: #d37e69;
$color-3: #af6f54;
$color-4: #79594a;
$color-5: #5e2a36;

TAILWIND

colors: {
  'brand-1': '#dbc4a4',
  'brand-2': '#d37e69',
  'brand-3': '#af6f54',
  'brand-4': '#79594a',
  'brand-5': '#5e2a36',
}

RGB Array

[219, 196, 164], [211, 126, 105], [175, 111, 84], [121, 89, 74], [94, 42, 54]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBC4A4, #D37E69, #AF6F54, #79594A, #5E2A36 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: #dbc4a4; --color-2: #d37e69; --color-3: #af6f54; --color-4: #79594a; --color-5: #5e2a36. 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