← Back to Editor

#9A737F · #E81B5A · #ED927D · #FBA489 · #FAD4B4

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

#9A737F

Dark Violet · Gray · Rose Pink

HEX
#9A737F
RGB
rgb(154, 115, 127)
HSL
hsl(342, 16%, 53%)
HSB
hsb(342, 25%, 60%)
CMYK
cmyk(0%, 25%, 18%, 40%)
Oklch
oklch(59.8% 0.052 358.6)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#E81B5A

Dark Violet · Crimson · Rose Pink

HEX
#E81B5A
RGB
rgb(232, 27, 90)
HSL
hsl(342, 82%, 51%)
HSB
hsb(342, 88%, 91%)
CMYK
cmyk(0%, 88%, 61%, 9%)
Oklch
oklch(60.1% 0.229 12.3)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#ED927D

Peach Pink · DarkSalmon · Coral Red

HEX
#ED927D
RGB
rgb(237, 146, 125)
HSL
hsl(11, 76%, 71%)
HSB
hsb(11, 47%, 93%)
CMYK
cmyk(0%, 38%, 47%, 7%)
Oklch
oklch(74.9% 0.115 33.8)

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

#FBA489

Peach Pink · LightSalmon · Coral Red

HEX
#FBA489
RGB
rgb(251, 164, 137)
HSL
hsl(14, 93%, 76%)
HSB
hsb(14, 45%, 98%)
CMYK
cmyk(0%, 35%, 45%, 2%)
Oklch
oklch(79.9% 0.111 38.0)

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

#FAD4B4

Apricot · Wheat · Peach Orange

HEX
#FAD4B4
RGB
rgb(250, 212, 180)
HSL
hsl(27, 88%, 84%)
HSB
hsb(27, 28%, 98%)
CMYK
cmyk(0%, 15%, 28%, 2%)
Oklch
oklch(89.4% 0.060 62.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9A737F
749A8F

Analogous

9A7493
9A737F
9A7C74

Triadic

9A737F
7F9A74
747F9A

Split-Comp.

9A737F
749A7C
74939A

Tetradic

9A737F
939A74
749A8F
7C749A

Contrast Matrix WCAG 2.1 Contrast

9A737F
E81B5A
ED927D
FBA489
FAD4B4
—
1.1
Fail
1.8
Fail
2.1
Fail
2.9
Fail
1.1
Fail
—
1.9
Fail
2.3
Fail
3.2
AA Large
1.8
Fail
1.9
Fail
—
1.2
Fail
1.7
Fail
2.1
Fail
2.3
Fail
1.2
Fail
—
1.4
Fail
2.9
Fail
3.2
AA Large
1.7
Fail
1.4
Fail
—
White BG
4.1AA Large
4.4AA Large
2.3Fail
1.9Fail
1.4Fail
Black BG
5.1AA
4.7AA
9.0AAA
10.8AAA
15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

89897C
8F8D4B
C6C582
D5D590
EAE9BC

Deuteranopia

8B8E7B
9BAA47
CBD283
DAE191
ECEFBE

Tritanopia

987A79
DE3F3C
E88687
F79596
F8C2C3

Achromatopsia

808080
5F5F5F
ABABAB
BBBBBB
DCDCDC

Shades & Tints Shades & Tints

#9A737F

Dark
Light

#E81B5A

Dark
Light

#ED927D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9a737f;
  --color-2: #e81b5a;
  --color-3: #ed927d;
  --color-4: #fba489;
  --color-5: #fad4b4;
}

SCSS

$color-1: #9a737f;
$color-2: #e81b5a;
$color-3: #ed927d;
$color-4: #fba489;
$color-5: #fad4b4;

TAILWIND

colors: {
  'brand-1': '#9a737f',
  'brand-2': '#e81b5a',
  'brand-3': '#ed927d',
  'brand-4': '#fba489',
  'brand-5': '#fad4b4',
}

RGB Array

[154, 115, 127], [232, 27, 90], [237, 146, 125], [251, 164, 137], [250, 212, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9A737F, #E81B5A, #ED927D, #FBA489, #FAD4B4 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: #9a737f; --color-2: #e81b5a; --color-3: #ed927d; --color-4: #fba489; --color-5: #fad4b4. 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