← Back to Editor

#494A48 · #DA9A73 · #D8BB79 · #DFC892 · #C7C1A4

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

#494A48

Dark Cyan · DarkSlateGray · Charcoal

HEX
#494A48
RGB
rgb(73, 74, 72)
HSL
hsl(90, 1%, 29%)
HSB
hsb(90, 3%, 29%)
CMYK
cmyk(1%, 0%, 3%, 71%)
Oklch
oklch(40.7% 0.004 128.6)

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

#DA9A73

Apricot · DarkSalmon · Warm Sun

HEX
#DA9A73
RGB
rgb(218, 154, 115)
HSL
hsl(23, 58%, 65%)
HSB
hsb(23, 47%, 85%)
CMYK
cmyk(0%, 29%, 47%, 15%)
Oklch
oklch(73.9% 0.093 52.1)

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

#D8BB79

Ginger · BurlyWood · Sunflower

HEX
#D8BB79
RGB
rgb(216, 187, 121)
HSL
hsl(42, 55%, 66%)
HSB
hsb(42, 44%, 85%)
CMYK
cmyk(0%, 13%, 44%, 15%)
Oklch
oklch(80.2% 0.091 86.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#DFC892

Goose Yellow · BurlyWood · Sunflower

HEX
#DFC892
RGB
rgb(223, 200, 146)
HSL
hsl(42, 55%, 72%)
HSB
hsb(42, 35%, 87%)
CMYK
cmyk(0%, 10%, 35%, 13%)
Oklch
oklch(83.9% 0.075 87.6)

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

#C7C1A4

Fresh Green · Silver · Sunflower

HEX
#C7C1A4
RGB
rgb(199, 193, 164)
HSL
hsl(50, 24%, 71%)
HSB
hsb(50, 18%, 78%)
CMYK
cmyk(0%, 3%, 18%, 22%)
Oklch
oklch(80.8% 0.040 97.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

494A48
4A494B

Analogous

4B4B49
494A48
494B49

Triadic

494A48
494A4B
4B494A

Split-Comp.

494A48
49494B
4B494B

Tetradic

494A48
494B4B
4A494B
4B4949

Contrast Matrix WCAG 2.1 Contrast

494A48
DA9A73
D8BB79
DFC892
C7C1A4
—
3.8
AA Large
4.8
AA
5.4
AA
4.9
AA
3.8
AA Large
—
1.3
Fail
1.4
Fail
1.3
Fail
4.8
AA
1.3
Fail
—
1.1
Fail
1.0
Fail
5.4
AA
1.4
Fail
1.1
Fail
—
1.1
Fail
4.9
AA
1.3
Fail
1.0
Fail
1.1
Fail
—
White BG
8.9AAA
2.4Fail
1.9Fail
1.6Fail
1.8Fail
Black BG
2.4Fail
8.9AAA
11.3AAA
12.8AAA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

494948
BEBE7C
CBCB89
D5D59F
C4C4AB

Deuteranopia

494949
C2C77F
CDCF8D
D6D8A2
C5C5AD

Tritanopia

494949
D78486
D79698
DEA9AC
C7B1B2

Achromatopsia

494949
A9A9A9
BCBCBC
C9C9C9
BFBFBF

Shades & Tints Shades & Tints

#494A48

Dark
Light

#DA9A73

Dark
Light

#D8BB79

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #494a48;
  --color-2: #da9a73;
  --color-3: #d8bb79;
  --color-4: #dfc892;
  --color-5: #c7c1a4;
}

SCSS

$color-1: #494a48;
$color-2: #da9a73;
$color-3: #d8bb79;
$color-4: #dfc892;
$color-5: #c7c1a4;

TAILWIND

colors: {
  'brand-1': '#494a48',
  'brand-2': '#da9a73',
  'brand-3': '#d8bb79',
  'brand-4': '#dfc892',
  'brand-5': '#c7c1a4',
}

RGB Array

[73, 74, 72], [218, 154, 115], [216, 187, 121], [223, 200, 146], [199, 193, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #494A48, #DA9A73, #D8BB79, #DFC892, #C7C1A4 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: #494a48; --color-2: #da9a73; --color-3: #d8bb79; --color-4: #dfc892; --color-5: #c7c1a4. 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