#DECAC6 + #82D1CF + #9CB8B7 + #A6A6A6 + #F3B9CB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DECAC6

Peach Pink · LightGray · Cherry Blossom

HEX

#DECAC6

RGB

rgb(222, 202, 198)

HSL

hsl(10, 27%, 82%)

HSB

hsb(10, 11%, 87%)

CMYK

cmyk(0%, 9%, 11%, 13%)

Oklch

oklch(85.4% 0.023 31.1)

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

#82D1CF

Jade · SkyBlue · Lake Green

HEX

#82D1CF

RGB

rgb(130, 209, 207)

HSL

hsl(178, 46%, 66%)

HSB

hsb(178, 38%, 82%)

CMYK

cmyk(38%, 0%, 1%, 18%)

Oklch

oklch(80.9% 0.078 193.7)

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

#9CB8B7

Jade · DarkGray · Lake Green

HEX

#9CB8B7

RGB

rgb(156, 184, 183)

HSL

hsl(178, 16%, 67%)

HSB

hsb(178, 15%, 72%)

CMYK

cmyk(15%, 0%, 1%, 28%)

Oklch

oklch(76.1% 0.031 193.9)

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

#A6A6A6

Ash · DarkGray · Silver Sand

HEX

#A6A6A6

RGB

rgb(166, 166, 166)

HSL

hsl(0, 0%, 65%)

HSB

hsb(0, 0%, 65%)

CMYK

cmyk(0%, 0%, 0%, 35%)

Oklch

oklch(72.5% 0.000 89.9)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#F3B9CB

Rouge · Pink · Cherry Blossom

HEX

#F3B9CB

RGB

rgb(243, 185, 203)

HSL

hsl(341, 71%, 84%)

HSB

hsb(341, 24%, 95%)

CMYK

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

Oklch

oklch(84.3% 0.071 358.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DECAC6

C5D9DD

Analogous

DDC5CD

DECAC6

DDD5C5

Triadic

DECAC6

C5DDC9

C9C5DD

Split-Comp.

DECAC6

C5DDD5

C5CDDD

Tetradic

DECAC6

CDDDC5

C5D9DD

D5C5DD

Contrast Matrix WCAG 2.1 Contrast

DECAC6	82D1CF	9CB8B7	A6A6A6	F3B9CB
—	1.1 Fail	1.3 Fail	1.5 Fail	1.1 Fail
1.1 Fail	—	1.2 Fail	1.4 Fail	1.1 Fail
1.3 Fail	1.2 Fail	—	1.2 Fail	1.3 Fail
1.5 Fail	1.4 Fail	1.2 Fail	—	1.5 Fail
1.1 Fail	1.1 Fail	1.3 Fail	1.5 Fail	—

White BG

1.6Fail

1.8Fail

2.1Fail

2.4Fail

1.7Fail

Black BG

13.4AAA

12.0AAA

10.0AAA

8.6AAA

12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D5C7

A4A5CF

A8A8B7

A6A6A6

DAD9C7

Deuteranopia

D7D8C7

A09AD0

A7A4B7

A6A6A6

DDE2C6

Tritanopia

DDC8C8

86D0D0

9DB7B7

A6A6A6

F0C3C2

Achromatopsia

D0D0D0

B9B9B9

B0B0B0

A6A6A6

CCCCCC

Shades & Tints Shades & Tints

#DECAC6

Dark

Light

#82D1CF

Dark

Light

#9CB8B7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #decac6;
  --color-2: #82d1cf;
  --color-3: #9cb8b7;
  --color-4: #a6a6a6;
  --color-5: #f3b9cb;
}

SCSS

$color-1: #decac6;
$color-2: #82d1cf;
$color-3: #9cb8b7;
$color-4: #a6a6a6;
$color-5: #f3b9cb;

TAILWIND

colors: {
  'brand-1': '#decac6',
  'brand-2': '#82d1cf',
  'brand-3': '#9cb8b7',
  'brand-4': '#a6a6a6',
  'brand-5': '#f3b9cb',
}

RGB Array

[222, 202, 198], [130, 209, 207], [156, 184, 183], [166, 166, 166], [243, 185, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DECAC6, #82D1CF, #9CB8B7, #A6A6A6, #F3B9CB 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: #decac6; --color-2: #82d1cf; --color-3: #9cb8b7; --color-4: #a6a6a6; --color-5: #f3b9cb. 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