← Back to Editor

#89BA85 · #E3EEA1 · #EACBA9 · #E46A9D · #1E0B32

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

#89BA85

Celadon · DarkSeaGreen · Apple Green

HEX
#89BA85
RGB
rgb(137, 186, 133)
HSL
hsl(115, 28%, 63%)
HSB
hsb(115, 28%, 73%)
CMYK
cmyk(26%, 0%, 28%, 27%)
Oklch
oklch(74.0% 0.091 142.7)

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

#E3EEA1

Fresh Green · Khaki · Lemon Cream

HEX
#E3EEA1
RGB
rgb(227, 238, 161)
HSL
hsl(69, 69%, 78%)
HSB
hsb(69, 32%, 93%)
CMYK
cmyk(5%, 0%, 32%, 7%)
Oklch
oklch(92.3% 0.099 115.0)

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

#EACBA9

Goose Yellow · Wheat · Peach Orange

HEX
#EACBA9
RGB
rgb(234, 203, 169)
HSL
hsl(31, 61%, 79%)
HSB
hsb(31, 28%, 92%)
CMYK
cmyk(0%, 13%, 28%, 8%)
Oklch
oklch(86.0% 0.057 69.5)

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

#E46A9D

Rouge · LightCoral · Rose Pink

HEX
#E46A9D
RGB
rgb(228, 106, 157)
HSL
hsl(335, 69%, 65%)
HSB
hsb(335, 54%, 89%)
CMYK
cmyk(0%, 54%, 31%, 11%)
Oklch
oklch(68.5% 0.160 355.9)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#1E0B32

Deep Indigo · Black · Dark Purple

HEX
#1E0B32
RGB
rgb(30, 11, 50)
HSL
hsl(269, 64%, 12%)
HSB
hsb(269, 78%, 20%)
CMYK
cmyk(40%, 78%, 0%, 80%)
Oklch
oklch(20.4% 0.074 302.7)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

89BA85
B786BB

Analogous

A5BB86
89BA85
86BB9C

Triadic

89BA85
868BBB
BB868B

Split-Comp.

89BA85
9C86BB
BB86A5

Tetradic

89BA85
86A5BB
B786BB
BB9C86

Contrast Matrix WCAG 2.1 Contrast

89BA85
E3EEA1
EACBA9
E46A9D
1E0B32
—
1.8
Fail
1.4
Fail
1.4
Fail
8.2
AAA
1.8
Fail
—
1.2
Fail
2.5
Fail
14.8
AAA
1.4
Fail
1.2
Fail
—
2.0
Fail
11.8
AAA
1.4
Fail
2.5
Fail
2.0
Fail
—
6.0
AA
8.2
AAA
14.8
AAA
11.8
AAA
6.0
AA
—
White BG
2.2Fail
1.2Fail
1.5Fail
3.1AA Large
18.3AAA
Black BG
9.4AAA
17.0AAA
13.6AAA
6.8AA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9F92
E8E8B4
DDDCB1
AFAE91
161629

Deuteranopia

9B9895
E7E6B8
DEE1B3
B6BF8E
171826

Tritanopia

8B9C9E
E4C2C6
E8B8B9
DE8785
1D211F

Achromatopsia

A5A5A5
E2E2E2
D0D0D0
949494
151515

Shades & Tints Shades & Tints

#89BA85

Dark
Light

#E3EEA1

Dark
Light

#EACBA9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #89ba85;
  --color-2: #e3eea1;
  --color-3: #eacba9;
  --color-4: #e46a9d;
  --color-5: #1e0b32;
}

SCSS

$color-1: #89ba85;
$color-2: #e3eea1;
$color-3: #eacba9;
$color-4: #e46a9d;
$color-5: #1e0b32;

TAILWIND

colors: {
  'brand-1': '#89ba85',
  'brand-2': '#e3eea1',
  'brand-3': '#eacba9',
  'brand-4': '#e46a9d',
  'brand-5': '#1e0b32',
}

RGB Array

[137, 186, 133], [227, 238, 161], [234, 203, 169], [228, 106, 157], [30, 11, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #89BA85, #E3EEA1, #EACBA9, #E46A9D, #1E0B32 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: #89ba85; --color-2: #e3eea1; --color-3: #eacba9; --color-4: #e46a9d; --color-5: #1e0b32. 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