← Back to Editor

#89F5FA · #D6E493 · #FAD089 · #72CEBB · #E4F42E

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

#89F5FA

Sky Blue · LightSkyBlue · Glacier Blue

HEX
#89F5FA
RGB
rgb(137, 245, 250)
HSL
hsl(183, 92%, 76%)
HSB
hsb(183, 45%, 98%)
CMYK
cmyk(45%, 2%, 0%, 2%)
Oklch
oklch(90.7% 0.100 199.4)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#D6E493

Willow Green · Khaki · Apple Green

HEX
#D6E493
RGB
rgb(214, 228, 147)
HSL
hsl(70, 60%, 74%)
HSB
hsb(70, 36%, 89%)
CMYK
cmyk(6%, 0%, 36%, 11%)
Oklch
oklch(89.0% 0.105 116.6)

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

#FAD089

Goose Yellow · Khaki · Peach Orange

HEX
#FAD089
RGB
rgb(250, 208, 137)
HSL
hsl(38, 92%, 76%)
HSB
hsb(38, 45%, 98%)
CMYK
cmyk(0%, 17%, 45%, 2%)
Oklch
oklch(87.8% 0.101 80.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#72CEBB

Jade · MediumAquaMarine · Lake Green

HEX
#72CEBB
RGB
rgb(114, 206, 187)
HSL
hsl(168, 48%, 63%)
HSB
hsb(168, 45%, 81%)
CMYK
cmyk(45%, 0%, 9%, 19%)
Oklch
oklch(78.9% 0.093 178.8)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#E4F42E

Autumn Sage · Yellow · Sunflower

HEX
#E4F42E
RGB
rgb(228, 244, 46)
HSL
hsl(65, 90%, 57%)
HSB
hsb(65, 81%, 96%)
CMYK
cmyk(7%, 0%, 81%, 4%)
Oklch
oklch(92.5% 0.199 114.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

89F5FA
FA8F89

Analogous

89FAC7
89F5FA
89BCFA

Triadic

89F5FA
FA89F4
F4FA89

Split-Comp.

89F5FA
FA89BC
FAC789

Tetradic

89F5FA
C789FA
FA8F89
BCFA89

Contrast Matrix WCAG 2.1 Contrast

89F5FA
D6E493
FAD089
72CEBB
E4F42E
—
1.1
Fail
1.1
Fail
1.5
Fail
1.0
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.3
Fail
1.2
Fail
1.5
Fail
1.4
Fail
1.3
Fail
—
1.5
Fail
1.0
Fail
1.1
Fail
1.2
Fail
1.5
Fail
—
White BG
1.3Fail
1.4Fail
1.5Fail
1.9Fail
1.2Fail
Black BG
16.5AAA
15.4AAA
14.4AAA
11.3AAA
17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B9F9
DCDCA7
E8E79A
9A9BC0
EBEB5E

Deuteranopia

B2A9F9
DBDAAB
EAED9E
958EC1
EAE969

Tritanopia

8EF8F8
D7B6B9
F8A8AB
77C3C4
E5848C

Achromatopsia

D5D5D5
D7D7D7
D4D4D4
B0B0B0
D9D9D9

Shades & Tints Shades & Tints

#89F5FA

Dark
Light

#D6E493

Dark
Light

#FAD089

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #89f5fa;
  --color-2: #d6e493;
  --color-3: #fad089;
  --color-4: #72cebb;
  --color-5: #e4f42e;
}

SCSS

$color-1: #89f5fa;
$color-2: #d6e493;
$color-3: #fad089;
$color-4: #72cebb;
$color-5: #e4f42e;

TAILWIND

colors: {
  'brand-1': '#89f5fa',
  'brand-2': '#d6e493',
  'brand-3': '#fad089',
  'brand-4': '#72cebb',
  'brand-5': '#e4f42e',
}

RGB Array

[137, 245, 250], [214, 228, 147], [250, 208, 137], [114, 206, 187], [228, 244, 46]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #89F5FA, #D6E493, #FAD089, #72CEBB, #E4F42E 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: #89f5fa; --color-2: #d6e493; --color-3: #fad089; --color-4: #72cebb; --color-5: #e4f42e. 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