← Back to Editor

#CBC7C4 · #B58B8C · #864254 · #540630 · #9A9898

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 LibraryData Visualization

Color Details Color Details

#CBC7C4

Silver Gray · Silver · Pearl Gray

HEX
#CBC7C4
RGB
rgb(203, 199, 196)
HSL
hsl(26, 6%, 78%)
HSB
hsb(26, 3%, 80%)
CMYK
cmyk(0%, 2%, 3%, 20%)
Oklch
oklch(83.2% 0.006 59.6)

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

#B58B8C

Peach Pink · DarkGray · Coral Red

HEX
#B58B8C
RGB
rgb(181, 139, 140)
HSL
hsl(359, 22%, 63%)
HSB
hsb(359, 23%, 71%)
CMYK
cmyk(0%, 23%, 23%, 29%)
Oklch
oklch(67.7% 0.051 16.9)

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

#864254

Dark Violet · Sienna · Camellia

HEX
#864254
RGB
rgb(134, 66, 84)
HSL
hsl(344, 34%, 39%)
HSB
hsb(344, 51%, 53%)
CMYK
cmyk(0%, 51%, 37%, 47%)
Oklch
oklch(47.0% 0.095 4.6)

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

#540630

Rose Purple · Maroon · Raspberry

HEX
#540630
RGB
rgb(84, 6, 48)
HSL
hsl(328, 87%, 18%)
HSB
hsb(328, 93%, 33%)
CMYK
cmyk(0%, 93%, 43%, 67%)
Oklch
oklch(29.7% 0.114 354.7)

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

#9A9898

Ash · DarkGray · Silver Sand

HEX
#9A9898
RGB
rgb(154, 152, 152)
HSL
hsl(0, 1%, 60%)
HSB
hsb(0, 1%, 60%)
CMYK
cmyk(0%, 1%, 1%, 40%)
Oklch
oklch(68.1% 0.002 17.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBC7C4
C4C7CA

Analogous

CAC4C4
CBC7C4
CACAC4

Triadic

CBC7C4
C4CAC6
C6C4CA

Split-Comp.

CBC7C4
C4CACA
C4C4CA

Tetradic

CBC7C4
C4CAC4
C4C7CA
CAC4CA

Contrast Matrix WCAG 2.1 Contrast

CBC7C4
B58B8C
864254
540630
9A9898
—
1.8
Fail
4.3
AA Large
8.7
AAA
1.7
Fail
1.8
Fail
—
2.4
Fail
4.9
AA
1.0
Fail
4.3
AA Large
2.4
Fail
—
2.0
Fail
2.5
Fail
8.7
AAA
4.9
AA
2.0
Fail
—
5.1
AA
1.7
Fail
1.0
Fail
2.5
Fail
5.1
AA
—
White BG
1.7Fail
3.0Fail
7.2AAA
14.5AAA
2.9Fail
Black BG
12.5AAA
7.0AAA
2.9Fail
1.4Fail
7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C9C5
A3A28C
696850
323226
999998

Deuteranopia

CACAC5
A5A88C
6D724F
373D23
999998

Tritanopia

CBC5C5
B38C8C
834C4B
501E1C
9A9898

Achromatopsia

C8C8C8
989898
585858
222222
999999

Shades & Tints Shades & Tints

#CBC7C4

Dark
Light

#B58B8C

Dark
Light

#864254

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbc7c4;
  --color-2: #b58b8c;
  --color-3: #864254;
  --color-4: #540630;
  --color-5: #9a9898;
}

SCSS

$color-1: #cbc7c4;
$color-2: #b58b8c;
$color-3: #864254;
$color-4: #540630;
$color-5: #9a9898;

TAILWIND

colors: {
  'brand-1': '#cbc7c4',
  'brand-2': '#b58b8c',
  'brand-3': '#864254',
  'brand-4': '#540630',
  'brand-5': '#9a9898',
}

RGB Array

[203, 199, 196], [181, 139, 140], [134, 66, 84], [84, 6, 48], [154, 152, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CBC7C4, #B58B8C, #864254, #540630, #9A9898 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #cbc7c4; --color-2: #b58b8c; --color-3: #864254; --color-4: #540630; --color-5: #9a9898. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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