← Back to Editor

#89B188 · #E99D81 · #EF5D6D · #DA3C54 · #084555

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#89B188

Celadon · DarkSeaGreen · Apple Green

HEX
#89B188
RGB
rgb(137, 177, 136)
HSL
hsl(119, 21%, 61%)
HSB
hsb(119, 23%, 69%)
CMYK
cmyk(23%, 0%, 23%, 31%)
Oklch
oklch(72.0% 0.073 144.2)

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

#E99D81

Apricot · DarkSalmon · Warm Sun

HEX
#E99D81
RGB
rgb(233, 157, 129)
HSL
hsl(16, 70%, 71%)
HSB
hsb(16, 45%, 91%)
CMYK
cmyk(0%, 33%, 45%, 9%)
Oklch
oklch(76.4% 0.100 41.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#EF5D6D

Peach Pink · Salmon · Coral Red

HEX
#EF5D6D
RGB
rgb(239, 93, 109)
HSL
hsl(353, 82%, 65%)
HSB
hsb(353, 61%, 94%)
CMYK
cmyk(0%, 61%, 54%, 6%)
Oklch
oklch(67.1% 0.180 16.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#DA3C54

Vermilion · Crimson · Passion Red

HEX
#DA3C54
RGB
rgb(218, 60, 84)
HSL
hsl(351, 68%, 55%)
HSB
hsb(351, 72%, 85%)
CMYK
cmyk(0%, 72%, 61%, 15%)
Oklch
oklch(59.7% 0.194 17.0)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#084555

Lake Blue · DarkSlateGray · Peacock Green

HEX
#084555
RGB
rgb(8, 69, 85)
HSL
hsl(192, 83%, 18%)
HSB
hsb(192, 91%, 33%)
CMYK
cmyk(91%, 19%, 0%, 67%)
Oklch
oklch(36.3% 0.063 221.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

89B188
B087B0

Analogous

9CB087
89B188
87B09B

Triadic

89B188
8787B0
B08787

Split-Comp.

89B188
9B87B0
B0879C

Tetradic

89B188
879CB0
B087B0
B09B87

Contrast Matrix WCAG 2.1 Contrast

89B188
E99D81
EF5D6D
DA3C54
084555
—
1.1
Fail
1.3
Fail
1.8
Fail
4.4
AA Large
1.1
Fail
—
1.5
Fail
2.0
Fail
4.8
AA
1.3
Fail
1.5
Fail
—
1.4
Fail
3.2
AA Large
1.8
Fail
2.0
Fail
1.4
Fail
—
2.4
Fail
4.4
AA Large
4.8
AA
3.2
AA Large
2.4
Fail
—
White BG
2.4Fail
2.2Fail
3.3AA Large
4.4AA Large
10.5AAA
Black BG
8.7AAA
9.6AAA
6.5AA
4.8AA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9B92
C8C788
B0AE69
96944E
222351

Deuteranopia

989594
CDD289
B8C368
9FAB4D
1F1A50

Tritanopia

8B9A9B
E58D8E
E86665
D24A49
0B4E4D

Achromatopsia

A0A0A0
B1B1B1
8A8A8A
6E6E6E
353535

Shades & Tints Shades & Tints

#89B188

Dark
Light

#E99D81

Dark
Light

#EF5D6D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #89b188;
  --color-2: #e99d81;
  --color-3: #ef5d6d;
  --color-4: #da3c54;
  --color-5: #084555;
}

SCSS

$color-1: #89b188;
$color-2: #e99d81;
$color-3: #ef5d6d;
$color-4: #da3c54;
$color-5: #084555;

TAILWIND

colors: {
  'brand-1': '#89b188',
  'brand-2': '#e99d81',
  'brand-3': '#ef5d6d',
  'brand-4': '#da3c54',
  'brand-5': '#084555',
}

RGB Array

[137, 177, 136], [233, 157, 129], [239, 93, 109], [218, 60, 84], [8, 69, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #89B188, #E99D81, #EF5D6D, #DA3C54, #084555 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #89b188; --color-2: #e99d81; --color-3: #ef5d6d; --color-4: #da3c54; --color-5: #084555. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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