← Back to Editor

#996B83 · #CFB4AB · #F7E3D2 · #C2CACC · #A4A6B3

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

#996B83

Rose Purple · Gray · Rose Pink

HEX
#996B83
RGB
rgb(153, 107, 131)
HSL
hsl(329, 18%, 51%)
HSB
hsb(329, 30%, 60%)
CMYK
cmyk(0%, 30%, 14%, 40%)
Oklch
oklch(58.3% 0.067 346.8)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#CFB4AB

Apricot · Silver · Warm Sun

HEX
#CFB4AB
RGB
rgb(207, 180, 171)
HSL
hsl(15, 27%, 74%)
HSB
hsb(15, 17%, 81%)
CMYK
cmyk(0%, 13%, 17%, 19%)
Oklch
oklch(79.1% 0.034 39.3)

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

#F7E3D2

Apricot · Bisque · Peach Orange

HEX
#F7E3D2
RGB
rgb(247, 227, 210)
HSL
hsl(28, 70%, 90%)
HSB
hsb(28, 15%, 97%)
CMYK
cmyk(0%, 8%, 15%, 3%)
Oklch
oklch(92.7% 0.032 62.8)

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

#C2CACC

Sky Blue · Silver · Pearl Gray

HEX
#C2CACC
RGB
rgb(194, 202, 204)
HSL
hsl(192, 9%, 78%)
HSB
hsb(192, 5%, 80%)
CMYK
cmyk(5%, 1%, 0%, 20%)
Oklch
oklch(83.3% 0.009 214.3)

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

#A4A6B3

Azure · DarkGray · Silver Sand

HEX
#A4A6B3
RGB
rgb(164, 166, 179)
HSL
hsl(232, 9%, 67%)
HSB
hsb(232, 8%, 70%)
CMYK
cmyk(8%, 7%, 0%, 30%)
Oklch
oklch(72.8% 0.019 278.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

996B83
6C9981

Analogous

986C99
996B83
996C6C

Triadic

996B83
83996C
6C8399

Split-Comp.

996B83
6C996C
6C9998

Tetradic

996B83
99986C
6C9981
6C6C99

Contrast Matrix WCAG 2.1 Contrast

996B83
CFB4AB
F7E3D2
C2CACC
A4A6B3
—
2.3
Fail
3.5
AA Large
2.6
Fail
1.8
Fail
2.3
Fail
—
1.6
Fail
1.2
Fail
1.2
Fail
3.5
AA Large
1.6
Fail
—
1.3
Fail
1.9
Fail
2.6
Fail
1.2
Fail
1.3
Fail
—
1.5
Fail
1.8
Fail
1.2
Fail
1.9
Fail
1.5
Fail
—
White BG
4.4AA Large
1.9Fail
1.2Fail
1.7Fail
2.4Fail
Black BG
4.8AA
10.8AAA
16.9AAA
12.6AAA
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

85857D
C3C3AD
EEEED6
C5C6CC
A5A5B0

Deuteranopia

888B7C
C5C7AE
F0F1D7
C5C4CB
A5A5AF

Tritanopia

977978
CEAFAF
F6D9DA
C2CBCB
A4ADAD

Achromatopsia

7B7B7B
BBBBBB
E7E7E7
C8C8C8
A7A7A7

Shades & Tints Shades & Tints

#996B83

Dark
Light

#CFB4AB

Dark
Light

#F7E3D2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #996b83;
  --color-2: #cfb4ab;
  --color-3: #f7e3d2;
  --color-4: #c2cacc;
  --color-5: #a4a6b3;
}

SCSS

$color-1: #996b83;
$color-2: #cfb4ab;
$color-3: #f7e3d2;
$color-4: #c2cacc;
$color-5: #a4a6b3;

TAILWIND

colors: {
  'brand-1': '#996b83',
  'brand-2': '#cfb4ab',
  'brand-3': '#f7e3d2',
  'brand-4': '#c2cacc',
  'brand-5': '#a4a6b3',
}

RGB Array

[153, 107, 131], [207, 180, 171], [247, 227, 210], [194, 202, 204], [164, 166, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #996B83, #CFB4AB, #F7E3D2, #C2CACC, #A4A6B3 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: #996b83; --color-2: #cfb4ab; --color-3: #f7e3d2; --color-4: #c2cacc; --color-5: #a4a6b3. 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