← Back to Editor

#E4F659 · #A1F69C · #58F6E6 · #89A7E3 · #A47BE2

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#E4F659

Fresh Green · Khaki · Sunflower

HEX
#E4F659
RGB
rgb(228, 246, 89)
HSL
hsl(67, 90%, 66%)
HSB
hsb(67, 64%, 96%)
CMYK
cmyk(7%, 0%, 64%, 4%)
Oklch
oklch(93.1% 0.178 115.5)

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

#A1F69C

Emerald · LightGreen · Apple Green

HEX
#A1F69C
RGB
rgb(161, 246, 156)
HSL
hsl(117, 83%, 79%)
HSB
hsb(117, 37%, 96%)
CMYK
cmyk(35%, 0%, 37%, 4%)
Oklch
oklch(89.7% 0.146 143.0)

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

#58F6E6

Jade · Turquoise · Lake Green

HEX
#58F6E6
RGB
rgb(88, 246, 230)
HSL
hsl(174, 90%, 65%)
HSB
hsb(174, 64%, 96%)
CMYK
cmyk(64%, 0%, 7%, 4%)
Oklch
oklch(88.7% 0.133 185.5)

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

#89A7E3

Azure · SkyBlue · Cobalt Blue

HEX
#89A7E3
RGB
rgb(137, 167, 227)
HSL
hsl(220, 62%, 71%)
HSB
hsb(220, 40%, 89%)
CMYK
cmyk(40%, 26%, 0%, 11%)
Oklch
oklch(72.9% 0.094 263.7)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#A47BE2

Wisteria · MediumOrchid · Lilac Purple

HEX
#A47BE2
RGB
rgb(164, 123, 226)
HSL
hsl(264, 64%, 68%)
HSB
hsb(264, 46%, 89%)
CMYK
cmyk(27%, 46%, 0%, 11%)
Oklch
oklch(66.6% 0.152 300.7)

Traditional「Wisteria」· Paint「Lilac Purple」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E4F659
6C5AF6

Analogous

F6BB5A
E4F659
96F65A

Triadic

E4F659
5AE4F6
F65AE4

Split-Comp.

E4F659
5A96F6
BB5AF6

Tetradic

E4F659
5AF6BB
6C5AF6
F65A96

Contrast Matrix WCAG 2.1 Contrast

E4F659
A1F69C
58F6E6
89A7E3
A47BE2
—
1.1
Fail
1.1
Fail
2.0
Fail
2.7
Fail
1.1
Fail
—
1.0
Fail
1.9
Fail
2.5
Fail
1.1
Fail
1.0
Fail
—
1.8
Fail
2.4
Fail
2.0
Fail
1.9
Fail
1.8
Fail
—
1.3
Fail
2.7
Fail
2.5
Fail
2.4
Fail
1.3
Fail
—
White BG
1.2Fail
1.3Fail
1.3Fail
2.4Fail
3.2AA Large
Black BG
17.6AAA
16.2AAA
15.7AAA
8.7AAA
6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECEC7F
C6C7B2
9C9EEA
9696D4
9292C9

Deuteranopia

EBE988
C1BBB7
9387EB
9492D1
9598C3

Tritanopia

E59DA4
A5C3C7
60EDEE
8BC9C7
A2B5B1

Achromatopsia

DFDFDF
D2D2D2
C5C5C5
A5A5A5
939393

Shades & Tints Shades & Tints

#E4F659

Dark
Light

#A1F69C

Dark
Light

#58F6E6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e4f659;
  --color-2: #a1f69c;
  --color-3: #58f6e6;
  --color-4: #89a7e3;
  --color-5: #a47be2;
}

SCSS

$color-1: #e4f659;
$color-2: #a1f69c;
$color-3: #58f6e6;
$color-4: #89a7e3;
$color-5: #a47be2;

TAILWIND

colors: {
  'brand-1': '#e4f659',
  'brand-2': '#a1f69c',
  'brand-3': '#58f6e6',
  'brand-4': '#89a7e3',
  'brand-5': '#a47be2',
}

RGB Array

[228, 246, 89], [161, 246, 156], [88, 246, 230], [137, 167, 227], [164, 123, 226]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E4F659, #A1F69C, #58F6E6, #89A7E3, #A47BE2 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: #e4f659; --color-2: #a1f69c; --color-3: #58f6e6; --color-4: #89a7e3; --color-5: #a47be2. 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