#E3588D + #A18F9A + #AAC1A9 + #E1C183 + #FF6E6A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E3588D

Rouge · LightCoral · Rose Pink

HEX

#E3588D

RGB

rgb(227, 88, 141)

HSL

hsl(337, 71%, 62%)

HSB

hsb(337, 61%, 89%)

CMYK

cmyk(0%, 61%, 38%, 11%)

Oklch

oklch(65.5% 0.179 359.6)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#A18F9A

Rose Purple · DarkGray · Silver Sand

HEX

#A18F9A

RGB

rgb(161, 143, 154)

HSL

hsl(323, 9%, 60%)

HSB

hsb(323, 11%, 63%)

CMYK

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

Oklch

oklch(66.9% 0.026 340.6)

Traditional「Rose Purple」· Paint「Silver Sand」· Creative Urban Concrete

#AAC1A9

Celadon · DarkGray · Apple Green

HEX

#AAC1A9

RGB

rgb(170, 193, 169)

HSL

hsl(118, 16%, 71%)

HSB

hsb(118, 12%, 76%)

CMYK

cmyk(12%, 0%, 12%, 24%)

Oklch

oklch(78.7% 0.042 144.0)

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

#E1C183

Ginger · BurlyWood · Sunflower

HEX

#E1C183

RGB

rgb(225, 193, 131)

HSL

hsl(40, 61%, 70%)

HSB

hsb(40, 42%, 88%)

CMYK

cmyk(0%, 14%, 42%, 12%)

Oklch

oklch(82.4% 0.088 83.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FF6E6A

Peach Pink · Salmon · Coral Red

HEX

#FF6E6A

RGB

rgb(255, 110, 106)

HSL

hsl(2, 100%, 71%)

HSB

hsb(2, 58%, 100%)

CMYK

cmyk(0%, 57%, 58%, 0%)

Oklch

oklch(71.5% 0.178 24.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3588D

59E3AE

Analogous

E359D3

E3588D

E36959

Triadic

E3588D

8EE359

598EE3

Split-Comp.

E3588D

59E369

59D3E3

Tetradic

E3588D

D3E359

59E3AE

6959E3

Contrast Matrix WCAG 2.1 Contrast

E3588D	A18F9A	AAC1A9	E1C183	FF6E6A
—	1.1 Fail	1.8 Fail	2.0 Fail	1.3 Fail
1.1 Fail	—	1.6 Fail	1.8 Fail	1.1 Fail
1.8 Fail	1.6 Fail	—	1.1 Fail	1.4 Fail
2.0 Fail	1.8 Fail	1.1 Fail	—	1.6 Fail
1.3 Fail	1.1 Fail	1.4 Fail	1.6 Fail	—

White BG

3.5AA Large

3.0AA Large

1.9Fail

1.7Fail

2.7Fail

Black BG

6.0AA

6.9AA

10.9AAA

12.2AAA

7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A680

999997

B4B4AF

D3D392

C0BF6B

Deuteranopia

AFB97D

9A9C97

B3B1B0

D5D796

C9D46B

Tritanopia

DC7674

A09595

ABB3B4

DF9EA0

F86C6C

Achromatopsia

888888

969696

B7B7B7

C3C3C3

999999

Shades & Tints Shades & Tints

#E3588D

Dark

Light

#A18F9A

Dark

Light

#AAC1A9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3588d;
  --color-2: #a18f9a;
  --color-3: #aac1a9;
  --color-4: #e1c183;
  --color-5: #ff6e6a;
}

SCSS

$color-1: #e3588d;
$color-2: #a18f9a;
$color-3: #aac1a9;
$color-4: #e1c183;
$color-5: #ff6e6a;

TAILWIND

colors: {
  'brand-1': '#e3588d',
  'brand-2': '#a18f9a',
  'brand-3': '#aac1a9',
  'brand-4': '#e1c183',
  'brand-5': '#ff6e6a',
}

RGB Array

[227, 88, 141], [161, 143, 154], [170, 193, 169], [225, 193, 131], [255, 110, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E3588D, #A18F9A, #AAC1A9, #E1C183, #FF6E6A 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: #e3588d; --color-2: #a18f9a; --color-3: #aac1a9; --color-4: #e1c183; --color-5: #ff6e6a. 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