← Back to Editor

#6B4B61 · #C75884 · #E87686 · #FA8E78 · #F7A772

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

#6B4B61

Rose Purple · DimGray · Eggplant

HEX
#6B4B61
RGB
rgb(107, 75, 97)
HSL
hsl(319, 18%, 36%)
HSB
hsb(319, 30%, 42%)
CMYK
cmyk(0%, 30%, 9%, 58%)
Oklch
oklch(45.5% 0.054 338.5)

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

#C75884

Dark Violet · LightCoral · Rose Pink

HEX
#C75884
RGB
rgb(199, 88, 132)
HSL
hsl(336, 50%, 56%)
HSB
hsb(336, 56%, 78%)
CMYK
cmyk(0%, 56%, 34%, 22%)
Oklch
oklch(61.2% 0.148 357.5)

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

#E87686

Peach Pink · LightCoral · Coral Red

HEX
#E87686
RGB
rgb(232, 118, 134)
HSL
hsl(352, 71%, 69%)
HSB
hsb(352, 49%, 91%)
CMYK
cmyk(0%, 49%, 42%, 9%)
Oklch
oklch(70.0% 0.141 12.6)

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

#FA8E78

Peach Pink · Salmon · Coral Red

HEX
#FA8E78
RGB
rgb(250, 142, 120)
HSL
hsl(10, 93%, 73%)
HSB
hsb(10, 52%, 98%)
CMYK
cmyk(0%, 43%, 52%, 2%)
Oklch
oklch(75.8% 0.136 32.5)

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

#F7A772

Apricot · LightSalmon · Warm Sun

HEX
#F7A772
RGB
rgb(247, 167, 114)
HSL
hsl(24, 89%, 71%)
HSB
hsb(24, 54%, 97%)
CMYK
cmyk(0%, 32%, 54%, 3%)
Oklch
oklch(79.5% 0.117 53.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6B4B61
4B6C56

Analogous

664B6C
6B4B61
6C4B51

Triadic

6B4B61
626C4B
4B626C

Split-Comp.

6B4B61
516C4B
4B6C66

Tetradic

6B4B61
6C664B
4B6C56
4B516C

Contrast Matrix WCAG 2.1 Contrast

6B4B61
C75884
E87686
FA8E78
F7A772
—
1.8
Fail
2.6
Fail
3.3
AA Large
3.8
AA Large
1.8
Fail
—
1.4
Fail
1.8
Fail
2.1
Fail
2.6
Fail
1.4
Fail
—
1.2
Fail
1.5
Fail
3.3
AA Large
1.8
Fail
1.2
Fail
—
1.2
Fail
3.8
AA Large
2.1
Fail
1.5
Fail
1.2
Fail
—
White BG
7.5AAA
4.1AA Large
2.9Fail
2.3Fail
2.0Fail
Black BG
2.8Fail
5.2AA
7.4AAA
9.2AAA
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5D5D5C
979679
B7B682
CBCA7D
D4D47F

Deuteranopia

5F615A
9DA677
BDC681
D2DA7F
D9DF82

Tritanopia

695757
C1716F
E27F7E
F58282
F3898B

Achromatopsia

575757
7E7E7E
9A9A9A
ACACAC
B9B9B9

Shades & Tints Shades & Tints

#6B4B61

Dark
Light

#C75884

Dark
Light

#E87686

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6b4b61;
  --color-2: #c75884;
  --color-3: #e87686;
  --color-4: #fa8e78;
  --color-5: #f7a772;
}

SCSS

$color-1: #6b4b61;
$color-2: #c75884;
$color-3: #e87686;
$color-4: #fa8e78;
$color-5: #f7a772;

TAILWIND

colors: {
  'brand-1': '#6b4b61',
  'brand-2': '#c75884',
  'brand-3': '#e87686',
  'brand-4': '#fa8e78',
  'brand-5': '#f7a772',
}

RGB Array

[107, 75, 97], [199, 88, 132], [232, 118, 134], [250, 142, 120], [247, 167, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6B4B61, #C75884, #E87686, #FA8E78, #F7A772 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: #6b4b61; --color-2: #c75884; --color-3: #e87686; --color-4: #fa8e78; --color-5: #f7a772. 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