#998A92 + #EFA6CB + #DFBDD1 + #CED4D4 + #BEEBD8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#998A92

Ash · Gray · Silver Sand

HEX

#998A92

RGB

rgb(153, 138, 146)

HSL

hsl(328, 7%, 57%)

HSB

hsb(328, 10%, 60%)

CMYK

cmyk(0%, 10%, 5%, 40%)

Oklch

oklch(64.9% 0.021 344.2)

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

#EFA6CB

Rouge · LightPink · Cherry Blossom

HEX

#EFA6CB

RGB

rgb(239, 166, 203)

HSL

hsl(330, 70%, 79%)

HSB

hsb(330, 31%, 94%)

CMYK

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

Oklch

oklch(80.6% 0.098 347.7)

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

#DFBDD1

Mauve · LightGray · Cherry Blossom

HEX

#DFBDD1

RGB

rgb(223, 189, 209)

HSL

hsl(325, 35%, 81%)

HSB

hsb(325, 15%, 87%)

CMYK

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

Oklch

oklch(83.4% 0.047 342.0)

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

#CED4D4

Silver Gray · LightGray · Pearl Gray

HEX

#CED4D4

RGB

rgb(206, 212, 212)

HSL

hsl(180, 7%, 82%)

HSB

hsb(180, 3%, 83%)

CMYK

cmyk(3%, 0%, 0%, 17%)

Oklch

oklch(86.5% 0.007 197.0)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#BEEBD8

Jade · LightBlue · Mint Green

HEX

#BEEBD8

RGB

rgb(190, 235, 216)

HSL

hsl(155, 53%, 83%)

HSB

hsb(155, 19%, 92%)

CMYK

cmyk(19%, 0%, 8%, 8%)

Oklch

oklch(90.3% 0.053 167.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

998A92

8A9991

Analogous

998A99

998A92

998A8A

Triadic

998A92

92998A

8A9299

Split-Comp.

998A92

8A998A

8A9999

Tetradic

998A92

99998A

8A9991

8A8A99

Contrast Matrix WCAG 2.1 Contrast

998A92	EFA6CB	DFBDD1	CED4D4	BEEBD8
—	1.7 Fail	1.9 Fail	2.2 Fail	2.5 Fail
1.7 Fail	—	1.1 Fail	1.3 Fail	1.5 Fail
1.9 Fail	1.1 Fail	—	1.1 Fail	1.3 Fail
2.2 Fail	1.3 Fail	1.1 Fail	—	1.1 Fail
2.5 Fail	1.5 Fail	1.3 Fail	1.1 Fail	—

White BG

3.3AA Large

1.9Fail

1.7Fail

1.5Fail

1.3Fail

Black BG

6.4AA

11.0AAA

12.3AAA

14.0AAA

16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

939290

CFCFC2

D0D0CC

D1D1D4

D1D2DD

Deuteranopia

939590

D4D9C0

D2D5CB

D0D0D4

CFCCDE

Tritanopia

988F8E

EBBBB9

DDC8C8

CED4D4

C0E0E1

Achromatopsia

8F8F8F

C0C0C0

C9C9C9

D2D2D2

DBDBDB

Shades & Tints Shades & Tints

#998A92

Dark

Light

#EFA6CB

Dark

Light

#DFBDD1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #998a92;
  --color-2: #efa6cb;
  --color-3: #dfbdd1;
  --color-4: #ced4d4;
  --color-5: #beebd8;
}

SCSS

$color-1: #998a92;
$color-2: #efa6cb;
$color-3: #dfbdd1;
$color-4: #ced4d4;
$color-5: #beebd8;

TAILWIND

colors: {
  'brand-1': '#998a92',
  'brand-2': '#efa6cb',
  'brand-3': '#dfbdd1',
  'brand-4': '#ced4d4',
  'brand-5': '#beebd8',
}

RGB Array

[153, 138, 146], [239, 166, 203], [223, 189, 209], [206, 212, 212], [190, 235, 216]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #998A92, #EFA6CB, #DFBDD1, #CED4D4, #BEEBD8 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: #998a92; --color-2: #efa6cb; --color-3: #dfbdd1; --color-4: #ced4d4; --color-5: #beebd8. 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