← Back to Editor

#9ABF99 · #7FA19C · #FFC1A6 · #FF8282 · #FFA58C

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

#9ABF99

Celadon · DarkSeaGreen · Apple Green

HEX
#9ABF99
RGB
rgb(154, 191, 153)
HSL
hsl(118, 23%, 67%)
HSB
hsb(118, 20%, 75%)
CMYK
cmyk(19%, 0%, 20%, 25%)
Oklch
oklch(76.7% 0.067 144.2)

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

#7FA19C

Mineral Blue · LightSlateGray · Lake Green

HEX
#7FA19C
RGB
rgb(127, 161, 156)
HSL
hsl(171, 15%, 56%)
HSB
hsb(171, 21%, 63%)
CMYK
cmyk(21%, 0%, 3%, 37%)
Oklch
oklch(68.2% 0.038 185.3)

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

#FFC1A6

Apricot · LightPink · Peach Orange

HEX
#FFC1A6
RGB
rgb(255, 193, 166)
HSL
hsl(18, 100%, 83%)
HSB
hsb(18, 35%, 100%)
CMYK
cmyk(0%, 24%, 35%, 0%)
Oklch
oklch(86.0% 0.081 44.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FF8282

Peach Pink · LightCoral · Coral Red

HEX
#FF8282
RGB
rgb(255, 130, 130)
HSL
hsl(0, 100%, 75%)
HSB
hsb(0, 49%, 100%)
CMYK
cmyk(0%, 49%, 49%, 0%)
Oklch
oklch(74.8% 0.152 21.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FFA58C

Peach Pink · LightSalmon · Coral Red

HEX
#FFA58C
RGB
rgb(255, 165, 140)
HSL
hsl(13, 100%, 77%)
HSB
hsb(13, 45%, 100%)
CMYK
cmyk(0%, 35%, 45%, 0%)
Oklch
oklch(80.6% 0.113 36.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9ABF99
BD97BE

Analogous

ACBE97
9ABF99
97BEAA

Triadic

9ABF99
9799BE
BE9799

Split-Comp.

9ABF99
AA97BE
BE97AC

Tetradic

9ABF99
97ACBE
BD97BE
BEAA97

Contrast Matrix WCAG 2.1 Contrast

9ABF99
7FA19C
FFC1A6
FF8282
FFA58C
—
1.4
Fail
1.3
Fail
1.2
Fail
1.1
Fail
1.4
Fail
—
1.8
Fail
1.2
Fail
1.5
Fail
1.3
Fail
1.8
Fail
—
1.5
Fail
1.2
Fail
1.2
Fail
1.2
Fail
1.5
Fail
—
1.3
Fail
1.1
Fail
1.5
Fail
1.2
Fail
1.3
Fail
—
White BG
2.0Fail
2.8Fail
1.6Fail
2.4Fail
1.9Fail
Black BG
10.3AAA
7.5AAA
13.4AAA
8.8AAA
11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAAAA2
8E8E9D
E4E4AD
C9C882
D8D792

Deuteranopia

A8A5A4
8C899E
E8ECAE
D0DA82
DDE494

Tritanopia

9CA9AB
819E9E
FCB2B3
F98282
FB9798

Achromatopsia

B0B0B0
969696
D0D0D0
A7A7A7
BDBDBD

Shades & Tints Shades & Tints

#9ABF99

Dark
Light

#7FA19C

Dark
Light

#FFC1A6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9abf99;
  --color-2: #7fa19c;
  --color-3: #ffc1a6;
  --color-4: #ff8282;
  --color-5: #ffa58c;
}

SCSS

$color-1: #9abf99;
$color-2: #7fa19c;
$color-3: #ffc1a6;
$color-4: #ff8282;
$color-5: #ffa58c;

TAILWIND

colors: {
  'brand-1': '#9abf99',
  'brand-2': '#7fa19c',
  'brand-3': '#ffc1a6',
  'brand-4': '#ff8282',
  'brand-5': '#ffa58c',
}

RGB Array

[154, 191, 153], [127, 161, 156], [255, 193, 166], [255, 130, 130], [255, 165, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9ABF99, #7FA19C, #FFC1A6, #FF8282, #FFA58C is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #9abf99; --color-2: #7fa19c; --color-3: #ffc1a6; --color-4: #ff8282; --color-5: #ffa58c. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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