← Back to Editor

#DCBE74 · #27484E · #ECE6AC · #544634 · #B8C9C7

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

#DCBE74

Ginger · BurlyWood · Sunflower

HEX
#DCBE74
RGB
rgb(220, 190, 116)
HSL
hsl(43, 60%, 66%)
HSB
hsb(43, 47%, 86%)
CMYK
cmyk(0%, 14%, 47%, 14%)
Oklch
oklch(81.1% 0.099 88.1)

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

#27484E

Slate Blue · DarkSlateGray · Peacock Green

HEX
#27484E
RGB
rgb(39, 72, 78)
HSL
hsl(189, 33%, 23%)
HSB
hsb(189, 50%, 31%)
CMYK
cmyk(50%, 8%, 0%, 69%)
Oklch
oklch(37.9% 0.040 210.5)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#ECE6AC

Fresh Green · Wheat · Lemon Cream

HEX
#ECE6AC
RGB
rgb(236, 230, 172)
HSL
hsl(54, 63%, 80%)
HSB
hsb(54, 27%, 93%)
CMYK
cmyk(0%, 3%, 27%, 7%)
Oklch
oklch(91.6% 0.075 102.8)

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

#544634

Ochre · DarkOliveGreen · Amber Brown

HEX
#544634
RGB
rgb(84, 70, 52)
HSL
hsl(34, 24%, 27%)
HSB
hsb(34, 38%, 33%)
CMYK
cmyk(0%, 17%, 38%, 67%)
Oklch
oklch(40.3% 0.034 73.6)

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

#B8C9C7

Jade · Silver · Lake Green

HEX
#B8C9C7
RGB
rgb(184, 201, 199)
HSL
hsl(173, 14%, 75%)
HSB
hsb(173, 8%, 79%)
CMYK
cmyk(8%, 0%, 1%, 21%)
Oklch
oklch(82.2% 0.019 188.3)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DCBE74
7492DC

Analogous

DC8B74
DCBE74
C6DC74

Triadic

DCBE74
74DCBF
BF74DC

Split-Comp.

DCBE74
74C6DC
8B74DC

Tetradic

DCBE74
74DC8B
7492DC
DC74C6

Contrast Matrix WCAG 2.1 Contrast

DCBE74
27484E
ECE6AC
544634
B8C9C7
—
5.5
AA
1.4
Fail
5.1
AA
1.0
Fail
5.5
AA
—
7.8
AAA
1.1
Fail
5.8
AA
1.4
Fail
7.8
AAA
—
7.2
AAA
1.3
Fail
5.1
AA
1.1
Fail
7.2
AAA
—
5.3
AA
1.0
Fail
5.8
AA
1.3
Fail
5.3
AA
—
White BG
1.8Fail
9.9AAA
1.3Fail
9.1AAA
1.7Fail
Black BG
11.7AAA
2.1Fail
16.5AAA
2.3Fail
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCF86
35364D
E9E9BA
4E4E38
BFC0C7

Deuteranopia

D1D38A
33314C
EAEABD
4F5039
BEBDC8

Tritanopia

DB9497
294B4B
ECC5C8
533C3D
B9C8C8

Achromatopsia

BFBFBF
3F3F3F
E1E1E1
484848
C4C4C4

Shades & Tints Shades & Tints

#DCBE74

Dark
Light

#27484E

Dark
Light

#ECE6AC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dcbe74;
  --color-2: #27484e;
  --color-3: #ece6ac;
  --color-4: #544634;
  --color-5: #b8c9c7;
}

SCSS

$color-1: #dcbe74;
$color-2: #27484e;
$color-3: #ece6ac;
$color-4: #544634;
$color-5: #b8c9c7;

TAILWIND

colors: {
  'brand-1': '#dcbe74',
  'brand-2': '#27484e',
  'brand-3': '#ece6ac',
  'brand-4': '#544634',
  'brand-5': '#b8c9c7',
}

RGB Array

[220, 190, 116], [39, 72, 78], [236, 230, 172], [84, 70, 52], [184, 201, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DCBE74, #27484E, #ECE6AC, #544634, #B8C9C7 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: #dcbe74; --color-2: #27484e; --color-3: #ece6ac; --color-4: #544634; --color-5: #b8c9c7. 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