← Back to Editor

#E4CB89 · #3A362D · #040404 · #84B6AA · #FBF0C3

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

#E4CB89

Goose Yellow · BurlyWood · Sunflower

HEX
#E4CB89
RGB
rgb(228, 203, 137)
HSL
hsl(44, 63%, 72%)
HSB
hsb(44, 40%, 89%)
CMYK
cmyk(0%, 11%, 40%, 11%)
Oklch
oklch(84.8% 0.089 89.6)

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

#3A362D

Ochre · DarkSlateGray · Amber Gold

HEX
#3A362D
RGB
rgb(58, 54, 45)
HSL
hsl(42, 13%, 20%)
HSB
hsb(42, 22%, 23%)
CMYK
cmyk(0%, 7%, 22%, 77%)
Oklch
oklch(33.4% 0.016 86.9)

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

#040404

Ink Black · Black · Jet Black

HEX
#040404
RGB
rgb(4, 4, 4)
HSL
hsl(0, 0%, 2%)
HSB
hsb(0, 0%, 2%)
CMYK
cmyk(0%, 0%, 0%, 98%)
Oklch
oklch(10.7% 0.000 89.9)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#84B6AA

Jade · DarkSeaGreen · Lake Green

HEX
#84B6AA
RGB
rgb(132, 182, 170)
HSL
hsl(166, 26%, 62%)
HSB
hsb(166, 27%, 71%)
CMYK
cmyk(27%, 0%, 7%, 29%)
Oklch
oklch(73.7% 0.056 178.2)

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

#FBF0C3

Goose Yellow · Bisque · Lemon Cream

HEX
#FBF0C3
RGB
rgb(251, 240, 195)
HSL
hsl(48, 88%, 87%)
HSB
hsb(48, 22%, 98%)
CMYK
cmyk(0%, 4%, 22%, 2%)
Oklch
oklch(95.3% 0.059 95.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E4CB89
8BA3E5

Analogous

E5A08B
E4CB89
D0E58B

Triadic

E4CB89
8BE5CD
CD8BE5

Split-Comp.

E4CB89
8BD0E5
A08BE5

Tetradic

E4CB89
8BE5A0
8BA3E5
E58BD0

Contrast Matrix WCAG 2.1 Contrast

E4CB89
3A362D
040404
84B6AA
FBF0C3
—
7.6
AAA
12.9
AAA
1.4
Fail
1.4
Fail
7.6
AAA
—
1.7
Fail
5.3
AA
10.5
AAA
12.9
AAA
1.7
Fail
—
9.0
AAA
17.9
AAA
1.4
Fail
5.3
AA
9.0
AAA
—
2.0
Fail
1.4
Fail
10.5
AAA
17.9
AAA
2.0
Fail
—
White BG
1.6Fail
12.0AAA
20.5AAA
2.3Fail
1.1Fail
Black BG
13.2AAA
1.7Fail
1.0Fail
9.3AAA
18.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D999
38382F
040404
9A9AAD
F6F6CE

Deuteranopia

DBDD9D
393930
040404
9793AE
F7F8D1

Tritanopia

E3A6A8
3A3131
040404
87AFB0
FAD6D8

Achromatopsia

CBCBCB
363636
040404
A6A6A6
EEEEEE

Shades & Tints Shades & Tints

#E4CB89

Dark
Light

#3A362D

Dark
Light

#040404

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e4cb89;
  --color-2: #3a362d;
  --color-3: #040404;
  --color-4: #84b6aa;
  --color-5: #fbf0c3;
}

SCSS

$color-1: #e4cb89;
$color-2: #3a362d;
$color-3: #040404;
$color-4: #84b6aa;
$color-5: #fbf0c3;

TAILWIND

colors: {
  'brand-1': '#e4cb89',
  'brand-2': '#3a362d',
  'brand-3': '#040404',
  'brand-4': '#84b6aa',
  'brand-5': '#fbf0c3',
}

RGB Array

[228, 203, 137], [58, 54, 45], [4, 4, 4], [132, 182, 170], [251, 240, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E4CB89, #3A362D, #040404, #84B6AA, #FBF0C3 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: #e4cb89; --color-2: #3a362d; --color-3: #040404; --color-4: #84b6aa; --color-5: #fbf0c3. 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