#FF9AD3 + #F1B6C6 + #DACEBE + #BCDDC2 + #8AECCF - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FF9AD3

Mauve · LightPink · Cherry Blossom

HEX

#FF9AD3

RGB

rgb(255, 154, 211)

HSL

hsl(326, 100%, 80%)

HSB

hsb(326, 40%, 100%)

CMYK

cmyk(0%, 40%, 17%, 0%)

Oklch

oklch(80.7% 0.138 345.7)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#F1B6C6

Rouge · LightPink · Cherry Blossom

HEX

#F1B6C6

RGB

rgb(241, 182, 198)

HSL

hsl(344, 68%, 83%)

HSB

hsb(344, 24%, 95%)

CMYK

cmyk(0%, 24%, 18%, 5%)

Oklch

oklch(83.5% 0.071 0.8)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#DACEBE

Goose Yellow · LightGray · Peach Orange

HEX

#DACEBE

RGB

rgb(218, 206, 190)

HSL

hsl(34, 27%, 80%)

HSB

hsb(34, 13%, 85%)

CMYK

cmyk(0%, 6%, 13%, 15%)

Oklch

oklch(85.7% 0.026 75.2)

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

#BCDDC2

Celadon · Silver · Apple Green

HEX

#BCDDC2

RGB

rgb(188, 221, 194)

HSL

hsl(131, 33%, 80%)

HSB

hsb(131, 15%, 87%)

CMYK

cmyk(15%, 0%, 12%, 13%)

Oklch

oklch(86.6% 0.051 150.5)

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

#8AECCF

Jade · SkyBlue · Lake Green

HEX

#8AECCF

RGB

rgb(138, 236, 207)

HSL

hsl(162, 72%, 73%)

HSB

hsb(162, 42%, 93%)

CMYK

cmyk(42%, 0%, 12%, 7%)

Oklch

oklch(87.5% 0.102 172.8)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF9AD3

99FFC5

Analogous

F899FF

FF9AD3

FF99A0

Triadic

FF9AD3

D3FF99

99D3FF

Split-Comp.

FF9AD3

A0FF99

99FFF8

Tetradic

FF9AD3

FFF899

99FFC5

99A0FF

Contrast Matrix WCAG 2.1 Contrast

FF9AD3	F1B6C6	DACEBE	BCDDC2	8AECCF
—	1.1 Fail	1.3 Fail	1.3 Fail	1.4 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.2 Fail
1.3 Fail	1.1 Fail	—	1.1 Fail	1.1 Fail
1.3 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.4 Fail	1.2 Fail	1.1 Fail	1.1 Fail	—

White BG

1.9Fail

1.7Fail

1.5Fail

1.4Fail

Black BG

10.8AAA

12.2AAA

13.6AAA

14.3AAA

15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D2C5

D7D7C2

D5D5C2

CACBC9

B4B5D6

Deuteranopia

D9E1C2

DBDFC1

D6D6C3

C8C6CA

AFA7D8

Tritanopia

FABAB8

EEBFBE

D9C5C6

BECECF

8FDCDD

Achromatopsia

BFBFBF

C9C9C9

D0D0D0

CBCBCB

Shades & Tints Shades & Tints

#FF9AD3

Dark

Light

#F1B6C6

Dark

Light

#DACEBE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff9ad3;
  --color-2: #f1b6c6;
  --color-3: #dacebe;
  --color-4: #bcddc2;
  --color-5: #8aeccf;
}

SCSS

$color-1: #ff9ad3;
$color-2: #f1b6c6;
$color-3: #dacebe;
$color-4: #bcddc2;
$color-5: #8aeccf;

TAILWIND

colors: {
  'brand-1': '#ff9ad3',
  'brand-2': '#f1b6c6',
  'brand-3': '#dacebe',
  'brand-4': '#bcddc2',
  'brand-5': '#8aeccf',
}

RGB Array

[255, 154, 211], [241, 182, 198], [218, 206, 190], [188, 221, 194], [138, 236, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF9AD3, #F1B6C6, #DACEBE, #BCDDC2, #8AECCF 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: #ff9ad3; --color-2: #f1b6c6; --color-3: #dacebe; --color-4: #bcddc2; --color-5: #8aeccf. 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