← Back to Editor

#6B4D7A · #F85382 · #F69443 · #E6B689 · #6BB7A4

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#6B4D7A

Dark Plum · DimGray · Eggplant

HEX
#6B4D7A
RGB
rgb(107, 77, 122)
HSL
hsl(280, 23%, 39%)
HSB
hsb(280, 37%, 48%)
CMYK
cmyk(12%, 37%, 0%, 52%)
Oklch
oklch(47.0% 0.079 314.0)

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

#F85382

Rouge · LightCoral · Rose Pink

HEX
#F85382
RGB
rgb(248, 83, 130)
HSL
hsl(343, 92%, 65%)
HSB
hsb(343, 67%, 97%)
CMYK
cmyk(0%, 67%, 48%, 3%)
Oklch
oklch(67.8% 0.202 7.1)

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

#F69443

Apricot · Coral · Warm Sun

HEX
#F69443
RGB
rgb(246, 148, 67)
HSL
hsl(27, 91%, 61%)
HSB
hsb(27, 73%, 96%)
CMYK
cmyk(0%, 40%, 73%, 4%)
Oklch
oklch(75.5% 0.151 56.9)

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

#E6B689

Apricot · BurlyWood · Warm Sun

HEX
#E6B689
RGB
rgb(230, 182, 137)
HSL
hsl(29, 65%, 72%)
HSB
hsb(29, 40%, 90%)
CMYK
cmyk(0%, 21%, 40%, 10%)
Oklch
oklch(80.9% 0.081 64.4)

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

#6BB7A4

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#6BB7A4
RGB
rgb(107, 183, 164)
HSL
hsl(165, 35%, 57%)
HSB
hsb(165, 42%, 72%)
CMYK
cmyk(42%, 0%, 10%, 28%)
Oklch
oklch(72.5% 0.081 176.0)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6B4D7A
5C7A4D

Analogous

544D7A
6B4D7A
7A4D73

Triadic

6B4D7A
7A6B4D
4D7A6B

Split-Comp.

6B4D7A
737A4D
4D7A54

Tetradic

6B4D7A
7A544D
5C7A4D
4D737A

Contrast Matrix WCAG 2.1 Contrast

6B4D7A
F85382
F69443
E6B689
6BB7A4
—
2.2
Fail
3.1
AA Large
3.8
AA Large
3.0
AA Large
2.2
Fail
—
1.4
Fail
1.7
Fail
1.4
Fail
3.1
AA Large
1.4
Fail
—
1.2
Fail
1.0
Fail
3.8
AA Large
1.7
Fail
1.2
Fail
—
1.3
Fail
3.0
AA Large
1.4
Fail
1.0
Fail
1.3
Fail
—
White BG
7.1AAA
3.2AA Large
2.3Fail
1.8Fail
2.4Fail
Black BG
3.0Fail
6.6AA
9.2AAA
11.4AAA
8.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5E5E6F
B1AF77
CCCB57
D1D194
8C8DA9

Deuteranopia

60626C
BAC774
D1D95B
D4D897
8882AA

Tritanopia

696765
F06E6C
F16669
E49C9E
6FACAD

Achromatopsia

5B5B5B
8A8A8A
A8A8A8
BFBFBF
9E9E9E

Shades & Tints Shades & Tints

#6B4D7A

Dark
Light

#F85382

Dark
Light

#F69443

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6b4d7a;
  --color-2: #f85382;
  --color-3: #f69443;
  --color-4: #e6b689;
  --color-5: #6bb7a4;
}

SCSS

$color-1: #6b4d7a;
$color-2: #f85382;
$color-3: #f69443;
$color-4: #e6b689;
$color-5: #6bb7a4;

TAILWIND

colors: {
  'brand-1': '#6b4d7a',
  'brand-2': '#f85382',
  'brand-3': '#f69443',
  'brand-4': '#e6b689',
  'brand-5': '#6bb7a4',
}

RGB Array

[107, 77, 122], [248, 83, 130], [246, 148, 67], [230, 182, 137], [107, 183, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6B4D7A, #F85382, #F69443, #E6B689, #6BB7A4 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: #6b4d7a; --color-2: #f85382; --color-3: #f69443; --color-4: #e6b689; --color-5: #6bb7a4. 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