#A4909E + #E39094 + #EAB987 + #F2E88B + #E0E494 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A4909E

Rose Purple · DarkGray · Violet

HEX

#A4909E

RGB

rgb(164, 144, 158)

HSL

hsl(318, 10%, 60%)

HSB

hsb(318, 12%, 64%)

CMYK

cmyk(0%, 12%, 4%, 36%)

Oklch

oklch(67.6% 0.031 336.7)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#E39094

Peach Pink · DarkSalmon · Coral Red

HEX

#E39094

RGB

rgb(227, 144, 148)

HSL

hsl(357, 60%, 73%)

HSB

hsb(357, 37%, 89%)

CMYK

cmyk(0%, 37%, 35%, 11%)

Oklch

oklch(73.9% 0.101 16.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#EAB987

Goose Yellow · BurlyWood · Warm Sun

HEX

#EAB987

RGB

rgb(234, 185, 135)

HSL

hsl(30, 70%, 72%)

HSB

hsb(30, 42%, 92%)

CMYK

cmyk(0%, 21%, 42%, 8%)

Oklch

oklch(81.8% 0.086 66.7)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F2E88B

Fresh Green · Khaki · Sunflower

HEX

#F2E88B

RGB

rgb(242, 232, 139)

HSL

hsl(54, 80%, 75%)

HSB

hsb(54, 43%, 95%)

CMYK

cmyk(0%, 4%, 43%, 5%)

Oklch

oklch(91.9% 0.115 103.0)

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

#E0E494

Fresh Green · Khaki · Sunflower

HEX

#E0E494

RGB

rgb(224, 228, 148)

HSL

hsl(63, 60%, 74%)

HSB

hsb(63, 35%, 89%)

CMYK

cmyk(2%, 0%, 35%, 11%)

Oklch

oklch(89.8% 0.102 110.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A4909E

8FA395

Analogous

9F8FA3

A4909E

A38F93

Triadic

A4909E

9DA38F

8F9DA3

Split-Comp.

A4909E

93A38F

8FA39F

Tetradic

A4909E

A39F8F

8FA395

8F93A3

Contrast Matrix WCAG 2.1 Contrast

A4909E	E39094	EAB987	F2E88B	E0E494
—	1.2 Fail	1.7 Fail	2.4 Fail	2.2 Fail
1.2 Fail	—	1.4 Fail	1.9 Fail	1.8 Fail
1.7 Fail	1.4 Fail	—	1.4 Fail	1.3 Fail
2.4 Fail	1.9 Fail	1.4 Fail	—	1.1 Fail
2.2 Fail	1.8 Fail	1.3 Fail	1.1 Fail	—

White BG

3.0Fail

2.4Fail

1.8Fail

1.3Fail

Black BG

7.1AAA

8.7AAA

11.8AAA

16.7AAA

15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9B9B

BFBE93

D5D493

EEEEA2

E2E2A7

Deuteranopia

9D9E9A

C4CA93

D8DB96

EEEFA7

E2E1AC

Tritanopia

A39897

DF9292

E89D9F

F1B3B7

E0B7BA

Achromatopsia

989898

A9A9A9

C2C2C2

E0E0E0

DADADA

Shades & Tints Shades & Tints

#A4909E

Dark

Light

#E39094

Dark

Light

#EAB987

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a4909e;
  --color-2: #e39094;
  --color-3: #eab987;
  --color-4: #f2e88b;
  --color-5: #e0e494;
}

SCSS

$color-1: #a4909e;
$color-2: #e39094;
$color-3: #eab987;
$color-4: #f2e88b;
$color-5: #e0e494;

TAILWIND

colors: {
  'brand-1': '#a4909e',
  'brand-2': '#e39094',
  'brand-3': '#eab987',
  'brand-4': '#f2e88b',
  'brand-5': '#e0e494',
}

RGB Array

[164, 144, 158], [227, 144, 148], [234, 185, 135], [242, 232, 139], [224, 228, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A4909E, #E39094, #EAB987, #F2E88B, #E0E494 is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a4909e; --color-2: #e39094; --color-3: #eab987; --color-4: #f2e88b; --color-5: #e0e494. 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 tech, SaaS, healthcare, eco industries. 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