← Back to Editor

#9D6D63 · #E805AC · #FF4D63 · #F8CE60 · #E1EFA0

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

#9D6D63

Crimson · Gray · Passion Red

HEX
#9D6D63
RGB
rgb(157, 109, 99)
HSL
hsl(10, 23%, 50%)
HSB
hsb(10, 37%, 62%)
CMYK
cmyk(0%, 31%, 37%, 38%)
Oklch
oklch(58.2% 0.064 32.1)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#E805AC

Rose Purple · DeepPink · Violet

HEX
#E805AC
RGB
rgb(232, 5, 172)
HSL
hsl(316, 96%, 46%)
HSB
hsb(316, 98%, 91%)
CMYK
cmyk(0%, 98%, 26%, 9%)
Oklch
oklch(62.3% 0.264 344.3)

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

#FF4D63

Peach Pink · Tomato · Coral Red

HEX
#FF4D63
RGB
rgb(255, 77, 99)
HSL
hsl(353, 100%, 65%)
HSB
hsb(353, 70%, 100%)
CMYK
cmyk(0%, 70%, 61%, 0%)
Oklch
oklch(67.7% 0.213 18.2)

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

#F8CE60

Ginger · SandyBrown · Sunflower

HEX
#F8CE60
RGB
rgb(248, 206, 96)
HSL
hsl(43, 92%, 67%)
HSB
hsb(43, 61%, 97%)
CMYK
cmyk(0%, 17%, 61%, 3%)
Oklch
oklch(86.7% 0.136 88.3)

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

#E1EFA0

Willow Green · Khaki · Apple Green

HEX
#E1EFA0
RGB
rgb(225, 239, 160)
HSL
hsl(71, 71%, 78%)
HSB
hsb(71, 33%, 94%)
CMYK
cmyk(6%, 0%, 33%, 6%)
Oklch
oklch(92.3% 0.102 116.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9D6D63
62939D

Analogous

9D6276
9D6D63
9D8962

Triadic

9D6D63
629D6C
6C629D

Split-Comp.

9D6D63
629D89
62769D

Tetradic

9D6D63
769D62
62939D
89629D

Contrast Matrix WCAG 2.1 Contrast

9D6D63
E805AC
FF4D63
F8CE60
E1EFA0
—
1.1
Fail
1.4
Fail
2.9
Fail
3.6
AA Large
1.1
Fail
—
1.3
Fail
2.8
Fail
3.4
AA Large
1.4
Fail
1.3
Fail
—
2.2
Fail
2.6
Fail
2.9
Fail
2.8
Fail
2.2
Fail
—
1.2
Fail
3.6
AA Large
3.4
AA Large
2.6
Fail
1.2
Fail
—
White BG
4.4AA Large
4.2AA Large
3.2AA Large
1.5Fail
1.2Fail
Black BG
4.8AA
5.0AA
6.5AA
14.0AAA
17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

888865
868484
B2B05E
E6E57B
E7E7B3

Deuteranopia

8B8F66
93A47A
BCCA5C
E8EB81
E6E5B8

Tritanopia

9B6768
DD645D
F65959
F69094
E2C2C6

Achromatopsia

7A7A7A
5C5C5C
858585
CECECE
E2E2E2

Shades & Tints Shades & Tints

#9D6D63

Dark
Light

#E805AC

Dark
Light

#FF4D63

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9d6d63;
  --color-2: #e805ac;
  --color-3: #ff4d63;
  --color-4: #f8ce60;
  --color-5: #e1efa0;
}

SCSS

$color-1: #9d6d63;
$color-2: #e805ac;
$color-3: #ff4d63;
$color-4: #f8ce60;
$color-5: #e1efa0;

TAILWIND

colors: {
  'brand-1': '#9d6d63',
  'brand-2': '#e805ac',
  'brand-3': '#ff4d63',
  'brand-4': '#f8ce60',
  'brand-5': '#e1efa0',
}

RGB Array

[157, 109, 99], [232, 5, 172], [255, 77, 99], [248, 206, 96], [225, 239, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9D6D63, #E805AC, #FF4D63, #F8CE60, #E1EFA0 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: #9d6d63; --color-2: #e805ac; --color-3: #ff4d63; --color-4: #f8ce60; --color-5: #e1efa0. 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