← Back to Editor

#FFD9B0 · #EFA2A9 · #DF6CA3 · #81C263 · #BF0096

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 AppData Visualization

Color Details Color Details

#FFD9B0

Goose Yellow · Wheat · Peach Orange

HEX
#FFD9B0
RGB
rgb(255, 217, 176)
HSL
hsl(31, 100%, 85%)
HSB
hsb(31, 31%, 100%)
CMYK
cmyk(0%, 15%, 31%, 0%)
Oklch
oklch(90.7% 0.068 68.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#EFA2A9

Peach Pink · LightPink · Coral Red

HEX
#EFA2A9
RGB
rgb(239, 162, 169)
HSL
hsl(355, 71%, 79%)
HSB
hsb(355, 32%, 94%)
CMYK
cmyk(0%, 32%, 29%, 6%)
Oklch
oklch(78.9% 0.092 13.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#DF6CA3

Rouge · LightCoral · Rose Pink

HEX
#DF6CA3
RGB
rgb(223, 108, 163)
HSL
hsl(331, 64%, 65%)
HSB
hsb(331, 52%, 87%)
CMYK
cmyk(0%, 52%, 27%, 13%)
Oklch
oklch(68.3% 0.155 352.0)

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

#81C263

Celadon · DarkSeaGreen · Olive Green

HEX
#81C263
RGB
rgb(129, 194, 99)
HSL
hsl(101, 44%, 57%)
HSB
hsb(101, 49%, 76%)
CMYK
cmyk(34%, 0%, 49%, 24%)
Oklch
oklch(74.8% 0.144 136.6)

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

#BF0096

Rose Purple · MediumVioletRed · Eggplant

HEX
#BF0096
RGB
rgb(191, 0, 150)
HSL
hsl(313, 100%, 37%)
HSB
hsb(313, 100%, 75%)
CMYK
cmyk(0%, 100%, 21%, 25%)
Oklch
oklch(54.2% 0.234 341.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFD9B0
B3D7FF

Analogous

FFB4B3
FFD9B0
FEFFB3

Triadic

FFD9B0
B3FFDA
DAB3FF

Split-Comp.

FFD9B0
B3FEFF
B4B3FF

Tetradic

FFD9B0
B3FFB4
B3D7FF
FFB3FE

Contrast Matrix WCAG 2.1 Contrast

FFD9B0
EFA2A9
DF6CA3
81C263
BF0096
—
1.5
Fail
2.3
Fail
1.6
Fail
4.3
AA Large
1.5
Fail
—
1.5
Fail
1.1
Fail
2.8
Fail
2.3
Fail
1.5
Fail
—
1.4
Fail
1.9
Fail
1.6
Fail
1.1
Fail
1.4
Fail
—
2.7
Fail
4.3
AA Large
2.8
Fail
1.9
Fail
2.7
Fail
—
White BG
1.3Fail
2.0Fail
3.1AA Large
2.1Fail
5.7AA
Black BG
15.8AAA
10.4AAA
6.8AA
9.8AAA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEEBA
CECDA7
ADAC96
9D9E7A
6C6B72

Deuteranopia

F1F4BC
D2D8A7
B4BD93
999580
778669

Tritanopia

FDC2C3
EBA6A6
D98B89
848C90
B5554F

Achromatopsia

E0E0E0
BABABA
959595
A4A4A4
4A4A4A

Shades & Tints Shades & Tints

#FFD9B0

Dark
Light

#EFA2A9

Dark
Light

#DF6CA3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffd9b0;
  --color-2: #efa2a9;
  --color-3: #df6ca3;
  --color-4: #81c263;
  --color-5: #bf0096;
}

SCSS

$color-1: #ffd9b0;
$color-2: #efa2a9;
$color-3: #df6ca3;
$color-4: #81c263;
$color-5: #bf0096;

TAILWIND

colors: {
  'brand-1': '#ffd9b0',
  'brand-2': '#efa2a9',
  'brand-3': '#df6ca3',
  'brand-4': '#81c263',
  'brand-5': '#bf0096',
}

RGB Array

[255, 217, 176], [239, 162, 169], [223, 108, 163], [129, 194, 99], [191, 0, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFD9B0, #EFA2A9, #DF6CA3, #81C263, #BF0096 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #ffd9b0; --color-2: #efa2a9; --color-3: #df6ca3; --color-4: #81c263; --color-5: #bf0096. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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