#FFB9AD + #ECADA2 + #D9A198 + #C6968D + #B38A83 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FFB9AD

Peach Pink · LightPink · Cherry Blossom

HEX

#FFB9AD

RGB

rgb(255, 185, 173)

HSL

hsl(9, 100%, 84%)

HSB

hsb(9, 32%, 100%)

CMYK

cmyk(0%, 27%, 32%, 0%)

Oklch

oklch(84.8% 0.084 29.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#ECADA2

Peach Pink · BurlyWood · Coral Red

HEX

#ECADA2

RGB

rgb(236, 173, 162)

HSL

hsl(9, 66%, 78%)

HSB

hsb(9, 31%, 93%)

CMYK

cmyk(0%, 27%, 31%, 7%)

Oklch

oklch(80.4% 0.076 30.0)

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

#D9A198

Peach Pink · Tan · Coral Red

HEX

#D9A198

RGB

rgb(217, 161, 152)

HSL

hsl(8, 46%, 72%)

HSB

hsb(8, 30%, 85%)

CMYK

cmyk(0%, 26%, 30%, 15%)

Oklch

oklch(75.9% 0.068 29.1)

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

#C6968D

Peach Pink · Tan · Coral Red

HEX

#C6968D

RGB

rgb(198, 150, 141)

HSL

hsl(9, 33%, 66%)

HSB

hsb(9, 29%, 78%)

CMYK

cmyk(0%, 24%, 29%, 22%)

Oklch

oklch(71.6% 0.060 30.7)

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

#B38A83

Peach Pink · DarkGray · Coral Red

HEX

#B38A83

RGB

rgb(179, 138, 131)

HSL

hsl(9, 24%, 61%)

HSB

hsb(9, 27%, 70%)

CMYK

cmyk(0%, 23%, 27%, 30%)

Oklch

oklch(67.0% 0.051 29.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFB9AD

ADF3FF

Analogous

FFADCA

FFB9AD

FFE2AD

Triadic

FFB9AD

ADFFBA

BAADFF

Split-Comp.

FFB9AD

ADFFE2

ADCAFF

Tetradic

FFB9AD

CAFFAD

ADF3FF

E2ADFF

Contrast Matrix WCAG 2.1 Contrast

FFB9AD	ECADA2	D9A198	C6968D	B38A83
—	1.2 Fail	1.3 Fail	1.6 Fail	1.9 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.6 Fail
1.3 Fail	1.2 Fail	—	1.2 Fail	1.4 Fail
1.6 Fail	1.4 Fail	1.2 Fail	—	1.2 Fail
1.9 Fail	1.6 Fail	1.4 Fail	1.2 Fail	—

White BG

1.6Fail

1.9Fail

2.2Fail

2.6Fail

3.1AA Large

Black BG

12.8AAA

11.1AAA

9.5AAA

8.1AAA

6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E0B0

D1D0A5

C1C09A

B1B18F

A1A185

Deuteranopia

E5EAB1

D4D9A5

C4C89B

B4B890

A4A785

Tritanopia

FCB2B3

E9A7A7

D69C9C

C49191

B18686

Achromatopsia

CDCDCD

BFBFBF

B1B1B1

A3A3A3

959595

Shades & Tints Shades & Tints

#FFB9AD

Dark

Light

#ECADA2

Dark

Light

#D9A198

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffb9ad;
  --color-2: #ecada2;
  --color-3: #d9a198;
  --color-4: #c6968d;
  --color-5: #b38a83;
}

SCSS

$color-1: #ffb9ad;
$color-2: #ecada2;
$color-3: #d9a198;
$color-4: #c6968d;
$color-5: #b38a83;

TAILWIND

colors: {
  'brand-1': '#ffb9ad',
  'brand-2': '#ecada2',
  'brand-3': '#d9a198',
  'brand-4': '#c6968d',
  'brand-5': '#b38a83',
}

RGB Array

[255, 185, 173], [236, 173, 162], [217, 161, 152], [198, 150, 141], [179, 138, 131]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFB9AD, #ECADA2, #D9A198, #C6968D, #B38A83 is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ffb9ad; --color-2: #ecada2; --color-3: #d9a198; --color-4: #c6968d; --color-5: #b38a83. 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 tech, SaaS, healthcare, eco industries. 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