← Back to Editor

#896352 · #DAB890 · #EADDC9 · #9899B5 · #1E1345

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

#896352

Tangerine · DimGray · Amber Brown

HEX
#896352
RGB
rgb(137, 99, 82)
HSL
hsl(19, 25%, 43%)
HSB
hsb(19, 40%, 54%)
CMYK
cmyk(0%, 28%, 40%, 46%)
Oklch
oklch(53.4% 0.056 45.1)

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

#DAB890

Goose Yellow · Tan · Warm Sun

HEX
#DAB890
RGB
rgb(218, 184, 144)
HSL
hsl(32, 50%, 71%)
HSB
hsb(32, 34%, 85%)
CMYK
cmyk(0%, 16%, 34%, 15%)
Oklch
oklch(80.2% 0.066 71.2)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#EADDC9

Goose Yellow · Bisque · Peach Orange

HEX
#EADDC9
RGB
rgb(234, 221, 201)
HSL
hsl(36, 44%, 85%)
HSB
hsb(36, 14%, 92%)
CMYK
cmyk(0%, 6%, 14%, 8%)
Oklch
oklch(90.3% 0.030 78.8)

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

#9899B5

Azure · DarkGray · Cobalt Blue

HEX
#9899B5
RGB
rgb(152, 153, 181)
HSL
hsl(238, 16%, 65%)
HSB
hsb(238, 16%, 71%)
CMYK
cmyk(16%, 15%, 0%, 29%)
Oklch
oklch(69.2% 0.041 283.7)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#1E1345

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#1E1345
RGB
rgb(30, 19, 69)
HSL
hsl(253, 57%, 17%)
HSB
hsb(253, 72%, 27%)
CMYK
cmyk(57%, 72%, 0%, 73%)
Oklch
oklch(23.6% 0.089 287.6)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

896352
527889

Analogous

89525C
896352
897F52

Triadic

896352
528964
645289

Split-Comp.

896352
52897F
525C89

Tetradic

896352
5C8952
527889
7F5289

Contrast Matrix WCAG 2.1 Contrast

896352
DAB890
EADDC9
9899B5
1E1345
—
2.8
Fail
4.0
AA Large
1.9
Fail
3.2
AA Large
2.8
Fail
—
1.4
Fail
1.5
Fail
9.1
AAA
4.0
AA Large
1.4
Fail
—
2.1
Fail
12.7
AAA
1.9
Fail
1.5
Fail
2.1
Fail
—
6.1
AA
3.2
AA Large
9.1
AAA
12.7
AAA
6.1
AA
—
White BG
5.3AA
1.9Fail
1.3Fail
2.8Fail
17.0AAA
Black BG
4.0AA Large
11.2AAA
15.7AAA
7.6AAA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

797856
CBCB9A
E4E4CE
9898AE
191939

Deuteranopia

7B7E57
CDD09C
E5E6CF
9898AD
1A1B36

Tritanopia

87595A
D8A1A3
E9D2D3
98A9A8
1D2F2D

Achromatopsia

6C6C6C
BEBEBE
DFDFDF
9C9C9C
1C1C1C

Shades & Tints Shades & Tints

#896352

Dark
Light

#DAB890

Dark
Light

#EADDC9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #896352;
  --color-2: #dab890;
  --color-3: #eaddc9;
  --color-4: #9899b5;
  --color-5: #1e1345;
}

SCSS

$color-1: #896352;
$color-2: #dab890;
$color-3: #eaddc9;
$color-4: #9899b5;
$color-5: #1e1345;

TAILWIND

colors: {
  'brand-1': '#896352',
  'brand-2': '#dab890',
  'brand-3': '#eaddc9',
  'brand-4': '#9899b5',
  'brand-5': '#1e1345',
}

RGB Array

[137, 99, 82], [218, 184, 144], [234, 221, 201], [152, 153, 181], [30, 19, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #896352, #DAB890, #EADDC9, #9899B5, #1E1345 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: #896352; --color-2: #dab890; --color-3: #eaddc9; --color-4: #9899b5; --color-5: #1e1345. 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