← Back to Editor

#DC2C5A · #F0805C · #E3C260 · #E2DCA3 · #B5D4AF

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

#DC2C5A

Dark Violet · Crimson · Rose Pink

HEX
#DC2C5A
RGB
rgb(220, 44, 90)
HSL
hsl(344, 72%, 52%)
HSB
hsb(344, 80%, 86%)
CMYK
cmyk(0%, 80%, 59%, 14%)
Oklch
oklch(58.9% 0.209 12.4)

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

#F0805C

Apricot · Coral · Warm Sun

HEX
#F0805C
RGB
rgb(240, 128, 92)
HSL
hsl(15, 83%, 65%)
HSB
hsb(15, 62%, 94%)
CMYK
cmyk(0%, 47%, 62%, 6%)
Oklch
oklch(71.8% 0.147 38.5)

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

#E3C260

Ginger · SandyBrown · Sunflower

HEX
#E3C260
RGB
rgb(227, 194, 96)
HSL
hsl(45, 70%, 63%)
HSB
hsb(45, 58%, 89%)
CMYK
cmyk(0%, 15%, 58%, 11%)
Oklch
oklch(82.3% 0.123 90.9)

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

#E2DCA3

Fresh Green · Wheat · Lemon Cream

HEX
#E2DCA3
RGB
rgb(226, 220, 163)
HSL
hsl(54, 52%, 76%)
HSB
hsb(54, 28%, 89%)
CMYK
cmyk(0%, 3%, 28%, 11%)
Oklch
oklch(88.6% 0.074 102.7)

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

#B5D4AF

Celadon · Silver · Apple Green

HEX
#B5D4AF
RGB
rgb(181, 212, 175)
HSL
hsl(110, 30%, 76%)
HSB
hsb(110, 17%, 83%)
CMYK
cmyk(15%, 0%, 17%, 17%)
Oklch
oklch(83.7% 0.061 140.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DC2C5A
2CDDAE

Analogous

DD2CB4
DC2C5A
DD562C

Triadic

DC2C5A
5BDD2C
2C5BDD

Split-Comp.

DC2C5A
2CDD56
2CB4DD

Tetradic

DC2C5A
B4DD2C
2CDDAE
562CDD

Contrast Matrix WCAG 2.1 Contrast

DC2C5A
F0805C
E3C260
E2DCA3
B5D4AF
—
1.7
Fail
2.7
Fail
3.3
AA Large
2.9
Fail
1.7
Fail
—
1.5
Fail
1.9
Fail
1.6
Fail
2.7
Fail
1.5
Fail
—
1.2
Fail
1.1
Fail
3.3
AA Large
1.9
Fail
1.2
Fail
—
1.2
Fail
2.9
Fail
1.6
Fail
1.1
Fail
1.2
Fail
—
White BG
4.6AA
2.6Fail
1.7Fail
1.4Fail
1.6Fail
Black BG
4.6AA
7.9AAA
12.2AAA
15.0AAA
13.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

908E4F
C0BE65
D5D478
DFDFB1
C2C3B8

Deuteranopia

9AA74C
C6CE67
D7D97D
E0E0B4
C1BEBA

Tritanopia

D34644
EA6C6D
E18A8F
E2BCBE
B7BFC1

Achromatopsia

666666
9D9D9D
C1C1C1
D7D7D7
C7C7C7

Shades & Tints Shades & Tints

#DC2C5A

Dark
Light

#F0805C

Dark
Light

#E3C260

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dc2c5a;
  --color-2: #f0805c;
  --color-3: #e3c260;
  --color-4: #e2dca3;
  --color-5: #b5d4af;
}

SCSS

$color-1: #dc2c5a;
$color-2: #f0805c;
$color-3: #e3c260;
$color-4: #e2dca3;
$color-5: #b5d4af;

TAILWIND

colors: {
  'brand-1': '#dc2c5a',
  'brand-2': '#f0805c',
  'brand-3': '#e3c260',
  'brand-4': '#e2dca3',
  'brand-5': '#b5d4af',
}

RGB Array

[220, 44, 90], [240, 128, 92], [227, 194, 96], [226, 220, 163], [181, 212, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DC2C5A, #F0805C, #E3C260, #E2DCA3, #B5D4AF is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #dc2c5a; --color-2: #f0805c; --color-3: #e3c260; --color-4: #e2dca3; --color-5: #b5d4af. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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