← Back to Editor

#80BA88 · #ABC959 · #FFE330 · #FF962E · #CF0041

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#80BA88

Celadon · DarkSeaGreen · Apple Green

HEX
#80BA88
RGB
rgb(128, 186, 136)
HSL
hsl(128, 30%, 62%)
HSB
hsb(128, 31%, 73%)
CMYK
cmyk(31%, 0%, 27%, 27%)
Oklch
oklch(73.5% 0.094 148.1)

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

#ABC959

Grass Green · DarkSeaGreen · Olive Green

HEX
#ABC959
RGB
rgb(171, 201, 89)
HSL
hsl(76, 51%, 57%)
HSB
hsb(76, 56%, 79%)
CMYK
cmyk(15%, 0%, 56%, 21%)
Oklch
oklch(79.1% 0.143 122.2)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#FFE330

Autumn Sage · Gold · Sunflower

HEX
#FFE330
RGB
rgb(255, 227, 48)
HSL
hsl(52, 100%, 59%)
HSB
hsb(52, 81%, 100%)
CMYK
cmyk(0%, 11%, 81%, 0%)
Oklch
oklch(91.2% 0.179 99.5)

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

#FF962E

Ginger · Coral · Warm Sun

HEX
#FF962E
RGB
rgb(255, 150, 46)
HSL
hsl(30, 100%, 59%)
HSB
hsb(30, 82%, 100%)
CMYK
cmyk(0%, 41%, 82%, 0%)
Oklch
oklch(76.8% 0.166 59.4)

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

#CF0041

Dark Violet · Crimson · Camellia

HEX
#CF0041
RGB
rgb(207, 0, 65)
HSL
hsl(341, 100%, 41%)
HSB
hsb(341, 100%, 81%)
CMYK
cmyk(0%, 100%, 69%, 19%)
Oklch
oklch(54.3% 0.217 16.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

80BA88
BB81B3

Analogous

96BB81
80BA88
81BBA6

Triadic

80BA88
8981BB
BB8981

Split-Comp.

80BA88
A681BB
BB8196

Tetradic

80BA88
8196BB
BB81B3
BBA681

Contrast Matrix WCAG 2.1 Contrast

80BA88
ABC959
FFE330
FF962E
CF0041
—
1.2
Fail
1.8
Fail
1.0
Fail
2.5
Fail
1.2
Fail
—
1.4
Fail
1.2
Fail
3.0
AA Large
1.8
Fail
1.4
Fail
—
1.7
Fail
4.4
AA Large
1.0
Fail
1.2
Fail
1.7
Fail
—
2.6
Fail
2.5
Fail
3.0
AA Large
4.4
AA Large
2.6
Fail
—
White BG
2.3Fail
1.9Fail
1.3Fail
2.2Fail
5.6AA
Black BG
9.3AAA
11.2AAA
16.3AAA
9.7AAA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

999A94
B8B874
F3F35B
D2D147
757431

Deuteranopia

969197
B6B47B
F5F766
D8E04D
81912E

Tritanopia

839EA0
AD898E
FE7E85
FA5B5F
C52522

Achromatopsia

A3A3A3
B3B3B3
D7D7D7
AAAAAA
454545

Shades & Tints Shades & Tints

#80BA88

Dark
Light

#ABC959

Dark
Light

#FFE330

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #80ba88;
  --color-2: #abc959;
  --color-3: #ffe330;
  --color-4: #ff962e;
  --color-5: #cf0041;
}

SCSS

$color-1: #80ba88;
$color-2: #abc959;
$color-3: #ffe330;
$color-4: #ff962e;
$color-5: #cf0041;

TAILWIND

colors: {
  'brand-1': '#80ba88',
  'brand-2': '#abc959',
  'brand-3': '#ffe330',
  'brand-4': '#ff962e',
  'brand-5': '#cf0041',
}

RGB Array

[128, 186, 136], [171, 201, 89], [255, 227, 48], [255, 150, 46], [207, 0, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #80BA88, #ABC959, #FFE330, #FF962E, #CF0041 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: #80ba88; --color-2: #abc959; --color-3: #ffe330; --color-4: #ff962e; --color-5: #cf0041. 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