← Back to Editor

#099D97 · #8DEA55 · #EEEE1D · #FF667F · #ED3355

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 App

Color Details Color Details

#099D97

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#099D97
RGB
rgb(9, 157, 151)
HSL
hsl(178, 89%, 33%)
HSB
hsb(178, 94%, 62%)
CMYK
cmyk(94%, 0%, 4%, 38%)
Oklch
oklch(62.9% 0.107 190.0)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#8DEA55

Emerald · GreenYellow · Apple Green

HEX
#8DEA55
RGB
rgb(141, 234, 85)
HSL
hsl(97, 78%, 63%)
HSB
hsb(97, 64%, 92%)
CMYK
cmyk(40%, 0%, 64%, 8%)
Oklch
oklch(84.9% 0.204 135.7)

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

#EEEE1D

Autumn Sage · Yellow · Sunflower

HEX
#EEEE1D
RGB
rgb(238, 238, 29)
HSL
hsl(60, 86%, 52%)
HSB
hsb(60, 88%, 93%)
CMYK
cmyk(0%, 0%, 88%, 7%)
Oklch
oklch(91.9% 0.196 109.7)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#FF667F

Peach Pink · Salmon · Coral Red

HEX
#FF667F
RGB
rgb(255, 102, 127)
HSL
hsl(350, 100%, 70%)
HSB
hsb(350, 60%, 100%)
CMYK
cmyk(0%, 60%, 50%, 0%)
Oklch
oklch(71.0% 0.186 13.3)

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

#ED3355

Vermilion · Crimson · Passion Red

HEX
#ED3355
RGB
rgb(237, 51, 85)
HSL
hsl(349, 84%, 56%)
HSB
hsb(349, 78%, 93%)
CMYK
cmyk(0%, 78%, 64%, 7%)
Oklch
oklch(62.2% 0.219 17.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

099D97
9F090E

Analogous

099F4F
099D97
09599F

Triadic

099D97
9A099F
9F9A09

Split-Comp.

099D97
9F0959
9F4F09

Tetradic

099D97
4F099F
9F090E
599F09

Contrast Matrix WCAG 2.1 Contrast

099D97
8DEA55
EEEE1D
FF667F
ED3355
—
2.2
Fail
2.7
Fail
1.2
Fail
1.2
Fail
2.2
Fail
—
1.2
Fail
1.9
Fail
2.7
Fail
2.7
Fail
1.2
Fail
—
2.3
Fail
3.2
AA Large
1.2
Fail
1.9
Fail
2.3
Fail
—
1.4
Fail
1.2
Fail
2.7
Fail
3.2
AA Large
1.4
Fail
—
White BG
3.3AA Large
1.5Fail
1.2Fail
2.8Fail
4.0AA Large
Black BG
6.3AA
14.0AAA
16.9AAA
7.5AAA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

494A98
B5B679
EEEE50
BDBB79
9C9B4D

Deuteranopia

413599
B0A982
EEEE5C
C6D177
A7B54B

Tritanopia

109A9A
92969C
EE7780
F77473
E44645

Achromatopsia

707070
BDBDBD
D6D6D6
979797
6E6E6E

Shades & Tints Shades & Tints

#099D97

Dark
Light

#8DEA55

Dark
Light

#EEEE1D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #099d97;
  --color-2: #8dea55;
  --color-3: #eeee1d;
  --color-4: #ff667f;
  --color-5: #ed3355;
}

SCSS

$color-1: #099d97;
$color-2: #8dea55;
$color-3: #eeee1d;
$color-4: #ff667f;
$color-5: #ed3355;

TAILWIND

colors: {
  'brand-1': '#099d97',
  'brand-2': '#8dea55',
  'brand-3': '#eeee1d',
  'brand-4': '#ff667f',
  'brand-5': '#ed3355',
}

RGB Array

[9, 157, 151], [141, 234, 85], [238, 238, 29], [255, 102, 127], [237, 51, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #099D97, #8DEA55, #EEEE1D, #FF667F, #ED3355 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #099d97; --color-2: #8dea55; --color-3: #eeee1d; --color-4: #ff667f; --color-5: #ed3355. 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. 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