← Back to Editor

#DEC3B0 · #C5F821 · #F7B1A3 · #FF856D · #E82A96

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

#DEC3B0

Apricot · Silver · Peach Orange

HEX
#DEC3B0
RGB
rgb(222, 195, 176)
HSL
hsl(25, 41%, 78%)
HSB
hsb(25, 21%, 87%)
CMYK
cmyk(0%, 12%, 21%, 13%)
Oklch
oklch(83.5% 0.040 57.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#C5F821

Grass Green · GreenYellow · Olive Green

HEX
#C5F821
RGB
rgb(197, 248, 33)
HSL
hsl(74, 94%, 55%)
HSB
hsb(74, 87%, 97%)
CMYK
cmyk(21%, 0%, 87%, 3%)
Oklch
oklch(91.1% 0.219 123.7)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#F7B1A3

Peach Pink · LightPink · Coral Red

HEX
#F7B1A3
RGB
rgb(247, 177, 163)
HSL
hsl(10, 84%, 80%)
HSB
hsb(10, 34%, 97%)
CMYK
cmyk(0%, 28%, 34%, 3%)
Oklch
oklch(82.3% 0.085 31.6)

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

#FF856D

Peach Pink · Salmon · Coral Red

HEX
#FF856D
RGB
rgb(255, 133, 109)
HSL
hsl(10, 100%, 71%)
HSB
hsb(10, 57%, 100%)
CMYK
cmyk(0%, 48%, 57%, 0%)
Oklch
oklch(74.8% 0.153 32.4)

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

#E82A96

Rose Purple · DeepPink · Rose Pink

HEX
#E82A96
RGB
rgb(232, 42, 150)
HSL
hsl(326, 81%, 54%)
HSB
hsb(326, 82%, 91%)
CMYK
cmyk(0%, 82%, 35%, 9%)
Oklch
oklch(62.6% 0.236 352.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEC3B0
B0CBDE

Analogous

DEB0B4
DEC3B0
DEDAB0

Triadic

DEC3B0
B0DEC3
C3B0DE

Split-Comp.

DEC3B0
B0DEDA
B0B4DE

Tetradic

DEC3B0
B4DEB0
B0CBDE
DAB0DE

Contrast Matrix WCAG 2.1 Contrast

DEC3B0
C5F821
F7B1A3
FF856D
E82A96
—
1.3
Fail
1.1
Fail
1.4
Fail
2.4
Fail
1.3
Fail
—
1.4
Fail
1.9
Fail
3.2
AA Large
1.1
Fail
1.4
Fail
—
1.3
Fail
2.3
Fail
1.4
Fail
1.9
Fail
1.3
Fail
—
1.7
Fail
2.4
Fail
3.2
AA Large
2.3
Fail
1.7
Fail
—
White BG
1.7Fail
1.2Fail
1.8Fail
2.4Fail
4.0AA Large
Black BG
12.5AAA
16.8AAA
11.8AAA
8.8AAA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D2B5
DBDC55
D9D8A6
CAC973
96947C

Deuteranopia

D4D6B6
D8D461
DDE2A7
D1DA74
A1AF76

Tritanopia

DDB8B9
C87E87
F3A9AA
F97778
DE6763

Achromatopsia

C9C9C9
D0D0D0
C4C4C4
A7A7A7
6F6F6F

Shades & Tints Shades & Tints

#DEC3B0

Dark
Light

#C5F821

Dark
Light

#F7B1A3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dec3b0;
  --color-2: #c5f821;
  --color-3: #f7b1a3;
  --color-4: #ff856d;
  --color-5: #e82a96;
}

SCSS

$color-1: #dec3b0;
$color-2: #c5f821;
$color-3: #f7b1a3;
$color-4: #ff856d;
$color-5: #e82a96;

TAILWIND

colors: {
  'brand-1': '#dec3b0',
  'brand-2': '#c5f821',
  'brand-3': '#f7b1a3',
  'brand-4': '#ff856d',
  'brand-5': '#e82a96',
}

RGB Array

[222, 195, 176], [197, 248, 33], [247, 177, 163], [255, 133, 109], [232, 42, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DEC3B0, #C5F821, #F7B1A3, #FF856D, #E82A96 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: #dec3b0; --color-2: #c5f821; --color-3: #f7b1a3; --color-4: #ff856d; --color-5: #e82a96. 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