#99B9BA + #AAA9AA + #BB999A + #DDAB91 + #FFBD87 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#99B9BA

Sky Blue · DarkGray · Lake Green

HEX

#99B9BA

RGB

rgb(153, 185, 186)

HSL

hsl(182, 19%, 66%)

HSB

hsb(182, 18%, 73%)

CMYK

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

Oklch

oklch(76.2% 0.035 198.8)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#AAA9AA

Ash · DarkGray · Silver Sand

HEX

#AAA9AA

RGB

rgb(170, 169, 170)

HSL

hsl(300, 1%, 66%)

HSB

hsb(300, 1%, 67%)

CMYK

cmyk(0%, 1%, 0%, 33%)

Oklch

oklch(73.6% 0.002 325.6)

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

#BB999A

Peach Pink · DarkGray · Coral Red

HEX

#BB999A

RGB

rgb(187, 153, 154)

HSL

hsl(358, 20%, 67%)

HSB

hsb(358, 18%, 73%)

CMYK

cmyk(0%, 18%, 18%, 27%)

Oklch

oklch(71.4% 0.041 16.2)

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

#DDAB91

Apricot · Tan · Warm Sun

HEX

#DDAB91

RGB

rgb(221, 171, 145)

HSL

hsl(21, 53%, 72%)

HSB

hsb(21, 34%, 87%)

CMYK

cmyk(0%, 23%, 34%, 13%)

Oklch

oklch(78.1% 0.069 48.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FFBD87

Apricot · LightSalmon · Peach Orange

HEX

#FFBD87

RGB

rgb(255, 189, 135)

HSL

hsl(27, 100%, 76%)

HSB

hsb(27, 47%, 100%)

CMYK

cmyk(0%, 26%, 47%, 0%)

Oklch

oklch(84.7% 0.103 60.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

99B9BA

B99998

Analogous

98B9A9

99B9BA

98A7B9

Triadic

99B9BA

B998B8

B8B998

Split-Comp.

99B9BA

B998A7

B9A998

Tetradic

99B9BA

A998B9

B99998

A7B998

Contrast Matrix WCAG 2.1 Contrast

99B9BA	AAA9AA	BB999A	DDAB91	FFBD87
—	1.1 Fail	1.2 Fail	1.0 Fail	1.3 Fail
1.1 Fail	—	1.1 Fail	1.1 Fail	1.4 Fail
1.2 Fail	1.1 Fail	—	1.3 Fail	1.6 Fail
1.0 Fail	1.1 Fail	1.3 Fail	—	1.2 Fail
1.3 Fail	1.4 Fail	1.6 Fail	1.2 Fail	—

White BG

2.1Fail

2.3Fail

2.6Fail

2.0Fail

1.6Fail

Black BG

10.0AAA

9.0AAA

8.1AAA

10.3AAA

12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A7BA

AAAAAA

ACAC9A

C7C797

E2E294

Deuteranopia

A5A3BA

AAAAAA

AEB19A

CACE99

E6EB97

Tritanopia

9BBABA

AAAAAA

B99A9A

DB9C9D

FC9EA1

Achromatopsia

B0B0B0

A9A9A9

A3A3A3

B7B7B7

CBCBCB

Shades & Tints Shades & Tints

#99B9BA

Dark

Light

#AAA9AA

Dark

Light

#BB999A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #99b9ba;
  --color-2: #aaa9aa;
  --color-3: #bb999a;
  --color-4: #ddab91;
  --color-5: #ffbd87;
}

SCSS

$color-1: #99b9ba;
$color-2: #aaa9aa;
$color-3: #bb999a;
$color-4: #ddab91;
$color-5: #ffbd87;

TAILWIND

colors: {
  'brand-1': '#99b9ba',
  'brand-2': '#aaa9aa',
  'brand-3': '#bb999a',
  'brand-4': '#ddab91',
  'brand-5': '#ffbd87',
}

RGB Array

[153, 185, 186], [170, 169, 170], [187, 153, 154], [221, 171, 145], [255, 189, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #99B9BA, #AAA9AA, #BB999A, #DDAB91, #FFBD87 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: #99b9ba; --color-2: #aaa9aa; --color-3: #bb999a; --color-4: #ddab91; --color-5: #ffbd87. 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