← Back to Editor

#AA9C99 · #C5C4CC · #C2B9B4 · #D6B0A8 · #F4B79A

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AA9C99

Peach Pink · DarkGray · Silver Sand

HEX
#AA9C99
RGB
rgb(170, 156, 153)
HSL
hsl(11, 9%, 63%)
HSB
hsb(11, 10%, 67%)
CMYK
cmyk(0%, 8%, 10%, 33%)
Oklch
oklch(70.4% 0.017 32.0)

Traditional「Peach Pink」· Paint「Silver Sand」· Creative Urban Concrete

#C5C4CC

Silver Gray · Silver · Pearl Gray

HEX
#C5C4CC
RGB
rgb(197, 196, 204)
HSL
hsl(248, 7%, 78%)
HSB
hsb(248, 4%, 80%)
CMYK
cmyk(3%, 4%, 0%, 20%)
Oklch
oklch(82.4% 0.011 291.9)

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

#C2B9B4

Apricot · Silver · Warm Sun

HEX
#C2B9B4
RGB
rgb(194, 185, 180)
HSL
hsl(21, 10%, 73%)
HSB
hsb(21, 7%, 76%)
CMYK
cmyk(0%, 5%, 7%, 24%)
Oklch
oklch(79.2% 0.012 51.3)

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

#D6B0A8

Peach Pink · Tan · Coral Red

HEX
#D6B0A8
RGB
rgb(214, 176, 168)
HSL
hsl(10, 36%, 75%)
HSB
hsb(10, 21%, 84%)
CMYK
cmyk(0%, 18%, 21%, 16%)
Oklch
oklch(78.9% 0.046 31.9)

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

#F4B79A

Apricot · BurlyWood · Peach Orange

HEX
#F4B79A
RGB
rgb(244, 183, 154)
HSL
hsl(19, 80%, 78%)
HSB
hsb(19, 37%, 96%)
CMYK
cmyk(0%, 25%, 37%, 4%)
Oklch
oklch(82.8% 0.081 46.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AA9C99
98A6A9

Analogous

A9989E
AA9C99
A9A498

Triadic

AA9C99
98A99B
9B98A9

Split-Comp.

AA9C99
98A9A4
989EA9

Tetradic

AA9C99
9EA998
98A6A9
A498A9

Contrast Matrix WCAG 2.1 Contrast

AA9C99
C5C4CC
C2B9B4
D6B0A8
F4B79A
—
1.5
Fail
1.4
Fail
1.3
Fail
1.5
Fail
1.5
Fail
—
1.1
Fail
1.1
Fail
1.0
Fail
1.4
Fail
1.1
Fail
—
1.0
Fail
1.1
Fail
1.3
Fail
1.1
Fail
1.0
Fail
—
1.1
Fail
1.5
Fail
1.0
Fail
1.1
Fail
1.1
Fail
—
White BG
2.6Fail
1.7Fail
1.9Fail
2.0Fail
1.7Fail
Black BG
7.9AAA
12.1AAA
10.9AAA
10.6AAA
12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A49A
C5C5CA
BEBEB5
C6C5AA
DAD9A1

Deuteranopia

A5A69A
C5C5CA
BFBFB6
C8CBAA
DDE2A3

Tritanopia

A99A9A
C5C9C8
C2B6B6
D4ABAC
F1A7A8

Achromatopsia

A0A0A0
C5C5C5
BBBBBB
BABABA
C6C6C6

Shades & Tints Shades & Tints

#AA9C99

Dark
Light

#C5C4CC

Dark
Light

#C2B9B4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aa9c99;
  --color-2: #c5c4cc;
  --color-3: #c2b9b4;
  --color-4: #d6b0a8;
  --color-5: #f4b79a;
}

SCSS

$color-1: #aa9c99;
$color-2: #c5c4cc;
$color-3: #c2b9b4;
$color-4: #d6b0a8;
$color-5: #f4b79a;

TAILWIND

colors: {
  'brand-1': '#aa9c99',
  'brand-2': '#c5c4cc',
  'brand-3': '#c2b9b4',
  'brand-4': '#d6b0a8',
  'brand-5': '#f4b79a',
}

RGB Array

[170, 156, 153], [197, 196, 204], [194, 185, 180], [214, 176, 168], [244, 183, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AA9C99, #C5C4CC, #C2B9B4, #D6B0A8, #F4B79A is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #aa9c99; --color-2: #c5c4cc; --color-3: #c2b9b4; --color-4: #d6b0a8; --color-5: #f4b79a. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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