← Back to Editor

#C7B3A6 · #9B8883 · #9F9696 · #B7AB93 · #E4B6A5

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C7B3A6

Apricot · Tan · Warm Sun

HEX
#C7B3A6
RGB
rgb(199, 179, 166)
HSL
hsl(24, 23%, 72%)
HSB
hsb(24, 17%, 78%)
CMYK
cmyk(0%, 10%, 17%, 22%)
Oklch
oklch(78.0% 0.029 55.2)

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

#9B8883

Crimson · Gray · Passion Red

HEX
#9B8883
RGB
rgb(155, 136, 131)
HSL
hsl(13, 11%, 56%)
HSB
hsb(13, 15%, 61%)
CMYK
cmyk(0%, 12%, 15%, 39%)
Oklch
oklch(64.2% 0.024 35.1)

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

#9F9696

Ash · DarkGray · Silver Sand

HEX
#9F9696
RGB
rgb(159, 150, 150)
HSL
hsl(0, 4%, 61%)
HSB
hsb(0, 6%, 62%)
CMYK
cmyk(0%, 6%, 6%, 38%)
Oklch
oklch(68.1% 0.011 17.4)

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

#B7AB93

Ginger · DarkGray · Sunflower

HEX
#B7AB93
RGB
rgb(183, 171, 147)
HSL
hsl(40, 20%, 65%)
HSB
hsb(40, 20%, 72%)
CMYK
cmyk(0%, 7%, 20%, 28%)
Oklch
oklch(74.5% 0.036 84.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#E4B6A5

Apricot · BurlyWood · Peach Orange

HEX
#E4B6A5
RGB
rgb(228, 182, 165)
HSL
hsl(16, 54%, 77%)
HSB
hsb(16, 28%, 89%)
CMYK
cmyk(0%, 20%, 28%, 11%)
Oklch
oklch(81.3% 0.059 41.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7B3A6
A7BBC8

Analogous

C8A7AA
C7B3A6
C8C5A7

Triadic

C7B3A6
A7C8B4
B4A7C8

Split-Comp.

C7B3A6
A7C8C5
A7AAC8

Tetradic

C7B3A6
AAC8A7
A7BBC8
C5A7C8

Contrast Matrix WCAG 2.1 Contrast

C7B3A6
9B8883
9F9696
B7AB93
E4B6A5
—
1.7
Fail
1.4
Fail
1.1
Fail
1.1
Fail
1.7
Fail
—
1.2
Fail
1.5
Fail
1.8
Fail
1.4
Fail
1.2
Fail
—
1.3
Fail
1.6
Fail
1.1
Fail
1.5
Fail
1.3
Fail
—
1.2
Fail
1.1
Fail
1.8
Fail
1.6
Fail
1.2
Fail
—
White BG
2.0Fail
3.4AA Large
2.9Fail
2.3Fail
1.8Fail
Black BG
10.4AAA
6.2AA
7.3AAA
9.3AAA
11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBEA9
939384
9B9B96
B2B299
D0D0A9

Deuteranopia

C0C1AA
949585
9C9C96
B3B39A
D3D6AA

Tritanopia

C6ACAC
9A8585
9F9696
B69D9E
E2ACAD

Achromatopsia

B7B7B7
8D8D8D
999999
ACACAC
C2C2C2

Shades & Tints Shades & Tints

#C7B3A6

Dark
Light

#9B8883

Dark
Light

#9F9696

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7b3a6;
  --color-2: #9b8883;
  --color-3: #9f9696;
  --color-4: #b7ab93;
  --color-5: #e4b6a5;
}

SCSS

$color-1: #c7b3a6;
$color-2: #9b8883;
$color-3: #9f9696;
$color-4: #b7ab93;
$color-5: #e4b6a5;

TAILWIND

colors: {
  'brand-1': '#c7b3a6',
  'brand-2': '#9b8883',
  'brand-3': '#9f9696',
  'brand-4': '#b7ab93',
  'brand-5': '#e4b6a5',
}

RGB Array

[199, 179, 166], [155, 136, 131], [159, 150, 150], [183, 171, 147], [228, 182, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C7B3A6, #9B8883, #9F9696, #B7AB93, #E4B6A5 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: #c7b3a6; --color-2: #9b8883; --color-3: #9f9696; --color-4: #b7ab93; --color-5: #e4b6a5. 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