← Back to Editor

#DF3D6C · #EB795F · #F7A760 · #F8C171 · #BFC484

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

#DF3D6C

Dark Violet · MediumVioletRed · Rose Pink

HEX
#DF3D6C
RGB
rgb(223, 61, 108)
HSL
hsl(343, 72%, 56%)
HSB
hsb(343, 73%, 87%)
CMYK
cmyk(0%, 73%, 52%, 13%)
Oklch
oklch(61.2% 0.199 8.3)

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

#EB795F

Peach Pink · Salmon · Coral Red

HEX
#EB795F
RGB
rgb(235, 121, 95)
HSL
hsl(11, 78%, 65%)
HSB
hsb(11, 60%, 92%)
CMYK
cmyk(0%, 49%, 60%, 8%)
Oklch
oklch(70.1% 0.147 34.0)

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

#F7A760

Apricot · SandyBrown · Warm Sun

HEX
#F7A760
RGB
rgb(247, 167, 96)
HSL
hsl(28, 90%, 67%)
HSB
hsb(28, 61%, 97%)
CMYK
cmyk(0%, 32%, 61%, 3%)
Oklch
oklch(79.3% 0.129 60.8)

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

#F8C171

Goose Yellow · SandyBrown · Warm Sun

HEX
#F8C171
RGB
rgb(248, 193, 113)
HSL
hsl(36, 91%, 71%)
HSB
hsb(36, 54%, 97%)
CMYK
cmyk(0%, 22%, 54%, 3%)
Oklch
oklch(84.4% 0.116 75.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#BFC484

Fresh Green · Tan · Sunflower

HEX
#BFC484
RGB
rgb(191, 196, 132)
HSL
hsl(65, 35%, 64%)
HSB
hsb(65, 33%, 77%)
CMYK
cmyk(3%, 0%, 33%, 23%)
Oklch
oklch(80.1% 0.085 111.9)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DF3D6C
3EE0B2

Analogous

E03EBD
DF3D6C
E0613E

Triadic

DF3D6C
6CE03E
3E6CE0

Split-Comp.

DF3D6C
3EE061
3EBDE0

Tetradic

DF3D6C
BDE03E
3EE0B2
613EE0

Contrast Matrix WCAG 2.1 Contrast

DF3D6C
EB795F
F7A760
F8C171
BFC484
—
1.5
Fail
2.1
Fail
2.6
Fail
2.3
Fail
1.5
Fail
—
1.4
Fail
1.7
Fail
1.5
Fail
2.1
Fail
1.4
Fail
—
1.2
Fail
1.1
Fail
2.6
Fail
1.7
Fail
1.2
Fail
—
1.1
Fail
2.3
Fail
1.5
Fail
1.1
Fail
1.1
Fail
—
White BG
4.2AA Large
2.8Fail
2.0Fail
1.6Fail
1.8Fail
Black BG
5.0AA
7.4AAA
10.7AAA
12.9AAA
11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

999761
BAB965
D4D471
E0E084
C1C193

Deuteranopia

A2AE5E
C0C967
D9DF75
E3E889
C1C197

Tritanopia

D75856
E56A6B
F37F82
F59497
BFA0A2

Achromatopsia

737373
989898
B7B7B7
C8C8C8
BBBBBB

Shades & Tints Shades & Tints

#DF3D6C

Dark
Light

#EB795F

Dark
Light

#F7A760

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #df3d6c;
  --color-2: #eb795f;
  --color-3: #f7a760;
  --color-4: #f8c171;
  --color-5: #bfc484;
}

SCSS

$color-1: #df3d6c;
$color-2: #eb795f;
$color-3: #f7a760;
$color-4: #f8c171;
$color-5: #bfc484;

TAILWIND

colors: {
  'brand-1': '#df3d6c',
  'brand-2': '#eb795f',
  'brand-3': '#f7a760',
  'brand-4': '#f8c171',
  'brand-5': '#bfc484',
}

RGB Array

[223, 61, 108], [235, 121, 95], [247, 167, 96], [248, 193, 113], [191, 196, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DF3D6C, #EB795F, #F7A760, #F8C171, #BFC484 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: #df3d6c; --color-2: #eb795f; --color-3: #f7a760; --color-4: #f8c171; --color-5: #bfc484. 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