← Back to Editor

#ECB98C · #D5B79B · #928453 · #6B6744 · #673F35

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

#ECB98C

Apricot · BurlyWood · Warm Sun

HEX
#ECB98C
RGB
rgb(236, 185, 140)
HSL
hsl(28, 72%, 74%)
HSB
hsb(28, 41%, 93%)
CMYK
cmyk(0%, 22%, 41%, 7%)
Oklch
oklch(82.1% 0.084 62.7)

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

#D5B79B

Apricot · Tan · Warm Sun

HEX
#D5B79B
RGB
rgb(213, 183, 155)
HSL
hsl(29, 41%, 72%)
HSB
hsb(29, 27%, 84%)
CMYK
cmyk(0%, 14%, 27%, 16%)
Oklch
oklch(79.8% 0.051 65.0)

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

#928453

Ochre · Gray · Honey Gold

HEX
#928453
RGB
rgb(146, 132, 83)
HSL
hsl(47, 28%, 45%)
HSB
hsb(47, 43%, 57%)
CMYK
cmyk(0%, 10%, 43%, 43%)
Oklch
oklch(61.4% 0.069 94.0)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#6B6744

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#6B6744
RGB
rgb(107, 103, 68)
HSL
hsl(54, 22%, 34%)
HSB
hsb(54, 36%, 42%)
CMYK
cmyk(0%, 4%, 36%, 58%)
Oklch
oklch(50.8% 0.052 102.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#673F35

Crimson · DarkOliveGreen · Wine Red

HEX
#673F35
RGB
rgb(103, 63, 53)
HSL
hsl(12, 32%, 31%)
HSB
hsb(12, 49%, 40%)
CMYK
cmyk(0%, 39%, 49%, 60%)
Oklch
oklch(41.2% 0.059 34.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ECB98C
8DC0EC

Analogous

EC8D90
ECB98C
ECE98D

Triadic

ECB98C
8DECBA
BA8DEC

Split-Comp.

ECB98C
8DECE9
8D90EC

Tetradic

ECB98C
90EC8D
8DC0EC
E98DEC

Contrast Matrix WCAG 2.1 Contrast

ECB98C
D5B79B
928453
6B6744
673F35
—
1.1
Fail
2.1
Fail
3.3
AA Large
5.1
AA
1.1
Fail
—
2.0
Fail
3.0
AA Large
4.7
AA
2.1
Fail
2.0
Fail
—
1.5
Fail
2.4
Fail
3.3
AA Large
3.0
AA Large
1.5
Fail
—
1.6
Fail
5.1
AA
4.7
AA
2.4
Fail
1.6
Fail
—
White BG
1.8Fail
1.9Fail
3.7AA Large
5.8AA
9.0AAA
Black BG
11.9AAA
11.1AAA
5.6AA
3.6AA Large
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D597
C8C8A2
8C8C5F
69694C
565537

Deuteranopia

D9DD9A
CACCA3
8D8E62
6A6A4F
585B38

Tritanopia

E99FA1
D4A7A8
91686A
6B5355
65393A

Achromatopsia

C3C3C3
BDBDBD
838383
646464
4A4A4A

Shades & Tints Shades & Tints

#ECB98C

Dark
Light

#D5B79B

Dark
Light

#928453

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ecb98c;
  --color-2: #d5b79b;
  --color-3: #928453;
  --color-4: #6b6744;
  --color-5: #673f35;
}

SCSS

$color-1: #ecb98c;
$color-2: #d5b79b;
$color-3: #928453;
$color-4: #6b6744;
$color-5: #673f35;

TAILWIND

colors: {
  'brand-1': '#ecb98c',
  'brand-2': '#d5b79b',
  'brand-3': '#928453',
  'brand-4': '#6b6744',
  'brand-5': '#673f35',
}

RGB Array

[236, 185, 140], [213, 183, 155], [146, 132, 83], [107, 103, 68], [103, 63, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ECB98C, #D5B79B, #928453, #6B6744, #673F35 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: #ecb98c; --color-2: #d5b79b; --color-3: #928453; --color-4: #6b6744; --color-5: #673f35. 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