← Back to Editor

#C5C4BA · #CAACAA · #B799A9 · #9B87A5 · #886482

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C5C4BA

Fresh Green · Silver · Pearl Gray

HEX
#C5C4BA
RGB
rgb(197, 196, 186)
HSL
hsl(55, 9%, 75%)
HSB
hsb(55, 6%, 77%)
CMYK
cmyk(0%, 1%, 6%, 23%)
Oklch
oklch(81.8% 0.014 102.1)

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

#CAACAA

Peach Pink · Silver · Coral Red

HEX
#CAACAA
RGB
rgb(202, 172, 170)
HSL
hsl(4, 23%, 73%)
HSB
hsb(4, 16%, 79%)
CMYK
cmyk(0%, 15%, 16%, 21%)
Oklch
oklch(77.0% 0.035 22.5)

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

#B799A9

Mauve · DarkGray · Rose Pink

HEX
#B799A9
RGB
rgb(183, 153, 169)
HSL
hsl(328, 17%, 66%)
HSB
hsb(328, 16%, 72%)
CMYK
cmyk(0%, 16%, 8%, 28%)
Oklch
oklch(71.5% 0.042 344.8)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#9B87A5

Dark Plum · DarkGray · Violet

HEX
#9B87A5
RGB
rgb(155, 135, 165)
HSL
hsl(280, 14%, 59%)
HSB
hsb(280, 18%, 65%)
CMYK
cmyk(6%, 18%, 0%, 35%)
Oklch
oklch(65.2% 0.049 314.5)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#886482

Rose Purple · Gray · Violet

HEX
#886482
RGB
rgb(136, 100, 130)
HSL
hsl(310, 15%, 46%)
HSB
hsb(310, 26%, 53%)
CMYK
cmyk(0%, 26%, 4%, 47%)
Oklch
oklch(55.0% 0.063 332.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C5C4BA
BABAC5

Analogous

C5BEBA
C5C4BA
C0C5BA

Triadic

C5C4BA
BAC5C4
C4BAC5

Split-Comp.

C5C4BA
BAC0C5
BEBAC5

Tetradic

C5C4BA
BAC5BE
BABAC5
C5BAC0

Contrast Matrix WCAG 2.1 Contrast

C5C4BA
CAACAA
B799A9
9B87A5
886482
—
1.2
Fail
1.5
Fail
1.9
Fail
2.9
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
2.4
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
1.9
Fail
1.9
Fail
1.6
Fail
1.3
Fail
—
1.5
Fail
2.9
Fail
2.4
Fail
1.9
Fail
1.5
Fail
—
White BG
1.8Fail
2.1Fail
2.6Fail
3.3AA Large
5.0AA
Black BG
12.0AAA
10.0AAA
8.1AAA
6.4AA
4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C5BC
BDBDAA
AAAAA5
92929E
78787B

Deuteranopia

C5C5BD
BFC1AB
ACAEA4
94959C
7B7D79

Tritanopia

C5BEBF
C8ABAB
B6A2A1
9A9897
867574

Achromatopsia

C3C3C3
B5B5B5
A4A4A4
909090
727272

Shades & Tints Shades & Tints

#C5C4BA

Dark
Light

#CAACAA

Dark
Light

#B799A9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c5c4ba;
  --color-2: #caacaa;
  --color-3: #b799a9;
  --color-4: #9b87a5;
  --color-5: #886482;
}

SCSS

$color-1: #c5c4ba;
$color-2: #caacaa;
$color-3: #b799a9;
$color-4: #9b87a5;
$color-5: #886482;

TAILWIND

colors: {
  'brand-1': '#c5c4ba',
  'brand-2': '#caacaa',
  'brand-3': '#b799a9',
  'brand-4': '#9b87a5',
  'brand-5': '#886482',
}

RGB Array

[197, 196, 186], [202, 172, 170], [183, 153, 169], [155, 135, 165], [136, 100, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C5C4BA, #CAACAA, #B799A9, #9B87A5, #886482 is ideal for: brand design, premium product pages, magazine layouts. 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: #c5c4ba; --color-2: #caacaa; --color-3: #b799a9; --color-4: #9b87a5; --color-5: #886482. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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. 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