← Back to Editor

#98E39C · #B0E677 · #E5F77C · #FBF9E2 · #FAD0AA

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

#98E39C

Emerald · LightGreen · Apple Green

HEX
#98E39C
RGB
rgb(152, 227, 156)
HSL
hsl(123, 57%, 74%)
HSB
hsb(123, 33%, 89%)
CMYK
cmyk(33%, 0%, 31%, 11%)
Oklch
oklch(84.9% 0.123 145.6)

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

#B0E677

Willow Green · LightGreen · Apple Green

HEX
#B0E677
RGB
rgb(176, 230, 119)
HSL
hsl(89, 69%, 68%)
HSB
hsb(89, 48%, 90%)
CMYK
cmyk(23%, 0%, 48%, 10%)
Oklch
oklch(86.3% 0.152 130.4)

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

#E5F77C

Fresh Green · Khaki · Sunflower

HEX
#E5F77C
RGB
rgb(229, 247, 124)
HSL
hsl(69, 88%, 73%)
HSB
hsb(69, 50%, 97%)
CMYK
cmyk(7%, 0%, 50%, 3%)
Oklch
oklch(93.8% 0.149 116.2)

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

#FBF9E2

Fresh Green · LightYellow · Lemon Cream

HEX
#FBF9E2
RGB
rgb(251, 249, 226)
HSL
hsl(55, 76%, 94%)
HSB
hsb(55, 10%, 98%)
CMYK
cmyk(0%, 1%, 10%, 2%)
Oklch
oklch(97.8% 0.030 102.9)

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

#FAD0AA

Apricot · Wheat · Peach Orange

HEX
#FAD0AA
RGB
rgb(250, 208, 170)
HSL
hsl(29, 89%, 82%)
HSB
hsb(29, 32%, 98%)
CMYK
cmyk(0%, 17%, 32%, 2%)
Oklch
oklch(88.4% 0.069 63.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

98E39C
E297DF

Analogous

B9E297
98E39C
97E2C0

Triadic

98E39C
9B97E2
E29B97

Split-Comp.

98E39C
C097E2
E297B9

Tetradic

98E39C
97B9E2
E297DF
E2C097

Contrast Matrix WCAG 2.1 Contrast

98E39C
B0E677
E5F77C
FBF9E2
FAD0AA
—
1.0
Fail
1.3
Fail
1.4
Fail
1.1
Fail
1.0
Fail
—
1.2
Fail
1.4
Fail
1.0
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
1.4
Fail
1.4
Fail
1.1
Fail
—
1.3
Fail
1.1
Fail
1.0
Fail
1.2
Fail
1.3
Fail
—
White BG
1.5Fail
1.5Fail
1.2Fail
1.1Fail
1.4Fail
Black BG
13.8AAA
14.4AAA
17.9AAA
19.8AAA
14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B9AD
C7C892
EDED9A
FAFAE8
E8E7B3

Deuteranopia

B4AFB1
C4C098
ECEAA1
FAFAE9
EAEDB5

Tritanopia

9CBBBE
B3A7AC
E6B1B6
FBECED
F8BABC

Achromatopsia

C4C4C4
C9C9C9
E4E4E4
F7F7F7
D8D8D8

Shades & Tints Shades & Tints

#98E39C

Dark
Light

#B0E677

Dark
Light

#E5F77C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #98e39c;
  --color-2: #b0e677;
  --color-3: #e5f77c;
  --color-4: #fbf9e2;
  --color-5: #fad0aa;
}

SCSS

$color-1: #98e39c;
$color-2: #b0e677;
$color-3: #e5f77c;
$color-4: #fbf9e2;
$color-5: #fad0aa;

TAILWIND

colors: {
  'brand-1': '#98e39c',
  'brand-2': '#b0e677',
  'brand-3': '#e5f77c',
  'brand-4': '#fbf9e2',
  'brand-5': '#fad0aa',
}

RGB Array

[152, 227, 156], [176, 230, 119], [229, 247, 124], [251, 249, 226], [250, 208, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #98E39C, #B0E677, #E5F77C, #FBF9E2, #FAD0AA 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: #98e39c; --color-2: #b0e677; --color-3: #e5f77c; --color-4: #fbf9e2; --color-5: #fad0aa. 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