← Back to Editor

#C3BA9F · #B5BDA4 · #A9B6A5 · #9AB8B1 · #9CB6C3

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

#C3BA9F

Ginger · Tan · Sunflower

HEX
#C3BA9F
RGB
rgb(195, 186, 159)
HSL
hsl(45, 23%, 69%)
HSB
hsb(45, 18%, 76%)
CMYK
cmyk(0%, 5%, 18%, 24%)
Oklch
oklch(78.9% 0.038 91.7)

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

#B5BDA4

Willow Green · DarkGray · Apple Green

HEX
#B5BDA4
RGB
rgb(181, 189, 164)
HSL
hsl(79, 16%, 69%)
HSB
hsb(79, 13%, 74%)
CMYK
cmyk(4%, 0%, 13%, 26%)
Oklch
oklch(78.5% 0.036 121.7)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#A9B6A5

Celadon · DarkGray · Apple Green

HEX
#A9B6A5
RGB
rgb(169, 182, 165)
HSL
hsl(106, 10%, 68%)
HSB
hsb(106, 9%, 71%)
CMYK
cmyk(7%, 0%, 9%, 29%)
Oklch
oklch(76.1% 0.028 138.3)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#9AB8B1

Jade · DarkGray · Lake Green

HEX
#9AB8B1
RGB
rgb(154, 184, 177)
HSL
hsl(166, 17%, 66%)
HSB
hsb(166, 16%, 72%)
CMYK
cmyk(16%, 0%, 4%, 28%)
Oklch
oklch(75.8% 0.034 179.6)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#9CB6C3

Sky Blue · DarkGray · Cobalt Blue

HEX
#9CB6C3
RGB
rgb(156, 182, 195)
HSL
hsl(200, 25%, 69%)
HSB
hsb(200, 20%, 76%)
CMYK
cmyk(20%, 7%, 0%, 24%)
Oklch
oklch(76.1% 0.034 229.4)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C3BA9F
9EA7C2

Analogous

C2A79E
C3BA9F
B9C29E

Triadic

C3BA9F
9EC2B9
B99EC2

Split-Comp.

C3BA9F
9EB9C2
A79EC2

Tetradic

C3BA9F
9EC2A7
9EA7C2
C29EB9

Contrast Matrix WCAG 2.1 Contrast

C3BA9F
B5BDA4
A9B6A5
9AB8B1
9CB6C3
—
1.0
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.0
Fail
1.0
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.1
Fail
1.0
Fail
1.0
Fail
—
White BG
1.9Fail
1.9Fail
2.1Fail
2.1Fail
2.1Fail
Black BG
10.8AAA
10.8AAA
9.9AAA
9.9AAA
9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBFA6
B8B9AA
AFAFA9
A7A7B3
A7A7C0

Deuteranopia

C0C0A7
B8B7AC
AEADAA
A5A3B3
A6A4BF

Tritanopia

C3ABAC
B5AFB0
AAACAD
9BB4B4
9DBDBD

Achromatopsia

BABABA
B8B8B8
B0B0B0
AEAEAE
B0B0B0

Shades & Tints Shades & Tints

#C3BA9F

Dark
Light

#B5BDA4

Dark
Light

#A9B6A5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c3ba9f;
  --color-2: #b5bda4;
  --color-3: #a9b6a5;
  --color-4: #9ab8b1;
  --color-5: #9cb6c3;
}

SCSS

$color-1: #c3ba9f;
$color-2: #b5bda4;
$color-3: #a9b6a5;
$color-4: #9ab8b1;
$color-5: #9cb6c3;

TAILWIND

colors: {
  'brand-1': '#c3ba9f',
  'brand-2': '#b5bda4',
  'brand-3': '#a9b6a5',
  'brand-4': '#9ab8b1',
  'brand-5': '#9cb6c3',
}

RGB Array

[195, 186, 159], [181, 189, 164], [169, 182, 165], [154, 184, 177], [156, 182, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C3BA9F, #B5BDA4, #A9B6A5, #9AB8B1, #9CB6C3 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: #c3ba9f; --color-2: #b5bda4; --color-3: #a9b6a5; --color-4: #9ab8b1; --color-5: #9cb6c3. 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