← Back to Editor

#C4B3A8 · #918E98 · #4E3947 · #96596D · #B96664

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#C4B3A8

Apricot · Silver · Warm Sun

HEX
#C4B3A8
RGB
rgb(196, 179, 168)
HSL
hsl(24, 19%, 71%)
HSB
hsb(24, 14%, 77%)
CMYK
cmyk(0%, 9%, 14%, 23%)
Oklch
oklch(77.8% 0.025 55.2)

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

#918E98

Ash · LightSlateGray · Silver Sand

HEX
#918E98
RGB
rgb(145, 142, 152)
HSL
hsl(258, 5%, 58%)
HSB
hsb(258, 7%, 60%)
CMYK
cmyk(5%, 7%, 0%, 40%)
Oklch
oklch(65.2% 0.015 299.7)

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

#4E3947

Rose Purple · DarkSlateGray · Camellia

HEX
#4E3947
RGB
rgb(78, 57, 71)
HSL
hsl(320, 16%, 26%)
HSB
hsb(320, 27%, 31%)
CMYK
cmyk(0%, 27%, 9%, 69%)
Oklch
oklch(37.3% 0.037 339.2)

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

#96596D

Dark Violet · DimGray · Camellia

HEX
#96596D
RGB
rgb(150, 89, 109)
HSL
hsl(340, 26%, 47%)
HSB
hsb(340, 41%, 59%)
CMYK
cmyk(0%, 41%, 27%, 41%)
Oklch
oklch(53.9% 0.084 359.2)

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

#B96664

Crimson · Sienna · Passion Red

HEX
#B96664
RGB
rgb(185, 102, 100)
HSL
hsl(1, 38%, 56%)
HSB
hsb(1, 46%, 73%)
CMYK
cmyk(0%, 45%, 46%, 27%)
Oklch
oklch(60.5% 0.107 22.2)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C4B3A8
A7B8C3

Analogous

C3A7AA
C4B3A8
C3C0A7

Triadic

C4B3A8
A7C3B2
B2A7C3

Split-Comp.

C4B3A8
A7C3C0
A7AAC3

Tetradic

C4B3A8
AAC3A7
A7B8C3
C0A7C3

Contrast Matrix WCAG 2.1 Contrast

C4B3A8
918E98
4E3947
96596D
B96664
—
1.6
Fail
5.2
AA
2.6
Fail
2.0
Fail
1.6
Fail
—
3.3
AA Large
1.7
Fail
1.3
Fail
5.2
AA
3.3
AA Large
—
2.0
Fail
2.6
Fail
2.6
Fail
1.7
Fail
2.0
Fail
—
1.3
Fail
2.0
Fail
1.3
Fail
2.6
Fail
1.3
Fail
—
White BG
2.0Fail
3.2AA Large
10.5AAA
5.3AA
4.1AA Large
Black BG
10.4AAA
6.5AA
2.0Fail
3.9AA Large
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBCAB
909096
454544
7C7B68
959464

Deuteranopia

BEBFAB
909095
464843
7F8467
9AA065

Tritanopia

C3ADAD
919493
4D4140
936464
B56565

Achromatopsia

B7B7B7
909090
414141
6E6E6E
7F7F7F

Shades & Tints Shades & Tints

#C4B3A8

Dark
Light

#918E98

Dark
Light

#4E3947

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c4b3a8;
  --color-2: #918e98;
  --color-3: #4e3947;
  --color-4: #96596d;
  --color-5: #b96664;
}

SCSS

$color-1: #c4b3a8;
$color-2: #918e98;
$color-3: #4e3947;
$color-4: #96596d;
$color-5: #b96664;

TAILWIND

colors: {
  'brand-1': '#c4b3a8',
  'brand-2': '#918e98',
  'brand-3': '#4e3947',
  'brand-4': '#96596d',
  'brand-5': '#b96664',
}

RGB Array

[196, 179, 168], [145, 142, 152], [78, 57, 71], [150, 89, 109], [185, 102, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C4B3A8, #918E98, #4E3947, #96596D, #B96664 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #c4b3a8; --color-2: #918e98; --color-3: #4e3947; --color-4: #96596d; --color-5: #b96664. 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. 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