← Back to Editor

#AF2E5D · #DC4D54 · #EB885F · #DB9C69 · #CEBF84

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

#AF2E5D

Dark Violet · Brown · Camellia

HEX
#AF2E5D
RGB
rgb(175, 46, 93)
HSL
hsl(338, 58%, 43%)
HSB
hsb(338, 74%, 69%)
CMYK
cmyk(0%, 74%, 47%, 31%)
Oklch
oklch(51.3% 0.168 3.3)

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

#DC4D54

Vermilion · Tomato · Passion Red

HEX
#DC4D54
RGB
rgb(220, 77, 84)
HSL
hsl(357, 67%, 58%)
HSB
hsb(357, 65%, 86%)
CMYK
cmyk(0%, 65%, 62%, 14%)
Oklch
oklch(61.8% 0.178 21.3)

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

#EB885F

Apricot · Salmon · Warm Sun

HEX
#EB885F
RGB
rgb(235, 136, 95)
HSL
hsl(18, 78%, 65%)
HSB
hsb(18, 60%, 92%)
CMYK
cmyk(0%, 42%, 60%, 8%)
Oklch
oklch(72.5% 0.133 42.8)

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

#DB9C69

Apricot · DarkSalmon · Warm Sun

HEX
#DB9C69
RGB
rgb(219, 156, 105)
HSL
hsl(27, 61%, 64%)
HSB
hsb(27, 52%, 86%)
CMYK
cmyk(0%, 29%, 52%, 14%)
Oklch
oklch(74.3% 0.101 59.4)

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

#CEBF84

Ginger · Tan · Sunflower

HEX
#CEBF84
RGB
rgb(206, 191, 132)
HSL
hsl(48, 43%, 66%)
HSB
hsb(48, 36%, 81%)
CMYK
cmyk(0%, 7%, 36%, 19%)
Oklch
oklch(80.3% 0.079 95.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AF2E5D
2EAD7F

Analogous

AD2E9C
AF2E5D
AD3F2E

Triadic

AF2E5D
5DAD2E
2E5DAD

Split-Comp.

AF2E5D
2EAD3F
2E9CAD

Tetradic

AF2E5D
9CAD2E
2EAD7F
3F2EAD

Contrast Matrix WCAG 2.1 Contrast

AF2E5D
DC4D54
EB885F
DB9C69
CEBF84
—
1.6
Fail
2.4
Fail
2.7
Fail
3.4
AA Large
1.6
Fail
—
1.6
Fail
1.7
Fail
2.2
Fail
2.4
Fail
1.6
Fail
—
1.1
Fail
1.4
Fail
2.7
Fail
1.7
Fail
1.1
Fail
—
1.3
Fail
3.4
AA Large
2.2
Fail
1.4
Fail
1.3
Fail
—
White BG
6.2AA
4.0AA Large
2.6Fail
2.3Fail
1.8Fail
Black BG
3.4AA Large
5.2AA
8.2AAA
9.0AAA
11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

777652
9E9D52
C0BF69
C0BF75
C8C792

Deuteranopia

7F884F
A6B152
C6CD6B
C3C878
C8CA96

Tritanopia

A94947
D55151
E67172
D87F81
CD9EA0

Achromatopsia

5A5A5A
797979
A1A1A1
A9A9A9
BDBDBD

Shades & Tints Shades & Tints

#AF2E5D

Dark
Light

#DC4D54

Dark
Light

#EB885F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #af2e5d;
  --color-2: #dc4d54;
  --color-3: #eb885f;
  --color-4: #db9c69;
  --color-5: #cebf84;
}

SCSS

$color-1: #af2e5d;
$color-2: #dc4d54;
$color-3: #eb885f;
$color-4: #db9c69;
$color-5: #cebf84;

TAILWIND

colors: {
  'brand-1': '#af2e5d',
  'brand-2': '#dc4d54',
  'brand-3': '#eb885f',
  'brand-4': '#db9c69',
  'brand-5': '#cebf84',
}

RGB Array

[175, 46, 93], [220, 77, 84], [235, 136, 95], [219, 156, 105], [206, 191, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AF2E5D, #DC4D54, #EB885F, #DB9C69, #CEBF84 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: #af2e5d; --color-2: #dc4d54; --color-3: #eb885f; --color-4: #db9c69; --color-5: #cebf84. 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