← Back to Editor

#E3AD40 · #BD9F6D · #94A690 · #19171A · #F1D6B8

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

#E3AD40

Ginger · GoldenRod · Sunflower

HEX
#E3AD40
RGB
rgb(227, 173, 64)
HSL
hsl(40, 74%, 57%)
HSB
hsb(40, 72%, 89%)
CMYK
cmyk(0%, 24%, 72%, 11%)
Oklch
oklch(77.9% 0.137 81.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#BD9F6D

Ginger · Tan · Warm Sun

HEX
#BD9F6D
RGB
rgb(189, 159, 109)
HSL
hsl(38, 38%, 58%)
HSB
hsb(38, 42%, 74%)
CMYK
cmyk(0%, 16%, 42%, 26%)
Oklch
oklch(71.8% 0.075 79.9)

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

#94A690

Celadon · DarkSeaGreen · Apple Green

HEX
#94A690
RGB
rgb(148, 166, 144)
HSL
hsl(109, 11%, 61%)
HSB
hsb(109, 13%, 65%)
CMYK
cmyk(11%, 0%, 13%, 35%)
Oklch
oklch(70.5% 0.037 140.0)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#19171A

Ink Black · Black · Jet Black

HEX
#19171A
RGB
rgb(25, 23, 26)
HSL
hsl(280, 6%, 10%)
HSB
hsb(280, 12%, 10%)
CMYK
cmyk(4%, 12%, 0%, 90%)
Oklch
oklch(20.8% 0.007 314.7)

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

#F1D6B8

Goose Yellow · Wheat · Peach Orange

HEX
#F1D6B8
RGB
rgb(241, 214, 184)
HSL
hsl(32, 67%, 83%)
HSB
hsb(32, 24%, 95%)
CMYK
cmyk(0%, 11%, 24%, 5%)
Oklch
oklch(89.1% 0.050 70.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3AD40
4076E2

Analogous

E25B40
E3AD40
C7E240

Triadic

E3AD40
40E2AC
AC40E2

Split-Comp.

E3AD40
40C7E2
5B40E2

Tetradic

E3AD40
40E25B
4076E2
E240C7

Contrast Matrix WCAG 2.1 Contrast

E3AD40
BD9F6D
94A690
19171A
F1D6B8
—
1.2
Fail
1.3
Fail
8.8
AAA
1.5
Fail
1.2
Fail
—
1.0
Fail
7.1
AAA
1.8
Fail
1.3
Fail
1.0
Fail
—
6.9
AA
1.9
Fail
8.8
AAA
7.1
AAA
6.9
AA
—
12.8
AAA
1.5
Fail
1.8
Fail
1.9
Fail
12.8
AAA
—
White BG
2.0Fail
2.5Fail
2.6Fail
17.8AAA
1.4Fail
Black BG
10.3AAA
8.3AAA
8.1AAA
1.2Fail
15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCB5A
B0B079
9C9C95
181819
E5E5BF

Deuteranopia

CFD361
B2B47C
9B9997
181819
E7E9C1

Tritanopia

E06F74
BB8385
959A9A
191919
F0C5C6

Achromatopsia

B1B1B1
A2A2A2
9E9E9E
181818
DBDBDB

Shades & Tints Shades & Tints

#E3AD40

Dark
Light

#BD9F6D

Dark
Light

#94A690

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3ad40;
  --color-2: #bd9f6d;
  --color-3: #94a690;
  --color-4: #19171a;
  --color-5: #f1d6b8;
}

SCSS

$color-1: #e3ad40;
$color-2: #bd9f6d;
$color-3: #94a690;
$color-4: #19171a;
$color-5: #f1d6b8;

TAILWIND

colors: {
  'brand-1': '#e3ad40',
  'brand-2': '#bd9f6d',
  'brand-3': '#94a690',
  'brand-4': '#19171a',
  'brand-5': '#f1d6b8',
}

RGB Array

[227, 173, 64], [189, 159, 109], [148, 166, 144], [25, 23, 26], [241, 214, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E3AD40, #BD9F6D, #94A690, #19171A, #F1D6B8 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: #e3ad40; --color-2: #bd9f6d; --color-3: #94a690; --color-4: #19171a; --color-5: #f1d6b8. 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