← Back to Editor

#9F77AC · #C17193 · #EF7977 · #FB9247 · #F9AD37

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

#9F77AC

Dark Plum · LightSlateGray · Violet

HEX
#9F77AC
RGB
rgb(159, 119, 172)
HSL
hsl(285, 24%, 57%)
HSB
hsb(285, 31%, 67%)
CMYK
cmyk(8%, 31%, 0%, 33%)
Oklch
oklch(62.7% 0.090 317.7)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#C17193

Dark Violet · LightCoral · Rose Pink

HEX
#C17193
RGB
rgb(193, 113, 147)
HSL
hsl(335, 39%, 60%)
HSB
hsb(335, 41%, 76%)
CMYK
cmyk(0%, 41%, 24%, 24%)
Oklch
oklch(64.6% 0.109 353.6)

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

#EF7977

Peach Pink · LightCoral · Coral Red

HEX
#EF7977
RGB
rgb(239, 121, 119)
HSL
hsl(1, 79%, 70%)
HSB
hsb(1, 50%, 94%)
CMYK
cmyk(0%, 49%, 50%, 6%)
Oklch
oklch(71.1% 0.146 22.4)

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

#FB9247

Apricot · Coral · Warm Sun

HEX
#FB9247
RGB
rgb(251, 146, 71)
HSL
hsl(25, 96%, 63%)
HSB
hsb(25, 72%, 98%)
CMYK
cmyk(0%, 42%, 72%, 2%)
Oklch
oklch(75.9% 0.154 53.4)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F9AD37

Ginger · GoldenRod · Warm Sun

HEX
#F9AD37
RGB
rgb(249, 173, 55)
HSL
hsl(36, 94%, 60%)
HSB
hsb(36, 78%, 98%)
CMYK
cmyk(0%, 31%, 78%, 2%)
Oklch
oklch(80.2% 0.153 73.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9F77AC
84AC77

Analogous

8477AC
9F77AC
AC779F

Triadic

9F77AC
AC9F77
77AC9F

Split-Comp.

9F77AC
9FAC77
77AC84

Tetradic

9F77AC
AC8477
84AC77
779FAC

Contrast Matrix WCAG 2.1 Contrast

9F77AC
C17193
EF7977
FB9247
F9AD37
—
1.1
Fail
1.3
Fail
1.6
Fail
1.9
Fail
1.1
Fail
—
1.3
Fail
1.5
Fail
1.8
Fail
1.3
Fail
1.3
Fail
—
1.2
Fail
1.4
Fail
1.6
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
1.9
Fail
1.8
Fail
1.4
Fail
1.2
Fail
—
White BG
3.7AA Large
3.5AA Large
2.7Fail
2.3Fail
1.9Fail
Black BG
5.7AA
6.1AA
7.7AAA
9.3AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8D9F
9E9E8B
BCBB77
CECD59
D8D754

Deuteranopia

90939C
A3A989
C3CC78
D4DC5E
DDE25A

Tritanopia

9D9593
BD8483
E97878
F6676B
F56A6F

Achromatopsia

898989
8D8D8D
9C9C9C
A9A9A9
B6B6B6

Shades & Tints Shades & Tints

#9F77AC

Dark
Light

#C17193

Dark
Light

#EF7977

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9f77ac;
  --color-2: #c17193;
  --color-3: #ef7977;
  --color-4: #fb9247;
  --color-5: #f9ad37;
}

SCSS

$color-1: #9f77ac;
$color-2: #c17193;
$color-3: #ef7977;
$color-4: #fb9247;
$color-5: #f9ad37;

TAILWIND

colors: {
  'brand-1': '#9f77ac',
  'brand-2': '#c17193',
  'brand-3': '#ef7977',
  'brand-4': '#fb9247',
  'brand-5': '#f9ad37',
}

RGB Array

[159, 119, 172], [193, 113, 147], [239, 121, 119], [251, 146, 71], [249, 173, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9F77AC, #C17193, #EF7977, #FB9247, #F9AD37 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #9f77ac; --color-2: #c17193; --color-3: #ef7977; --color-4: #fb9247; --color-5: #f9ad37. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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