#C0BBA0 + #A8BEC8 + #C5BAC0 + #E9B782 + #E9C164 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C0BBA0

Fresh Green · Tan · Sunflower

HEX

#C0BBA0

RGB

rgb(192, 187, 160)

HSL

hsl(51, 20%, 69%)

HSB

hsb(51, 17%, 75%)

CMYK

cmyk(0%, 3%, 17%, 25%)

Oklch

oklch(78.9% 0.037 98.5)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#A8BEC8

Sky Blue · LightSteelBlue · Lake Green

HEX

#A8BEC8

RGB

rgb(168, 190, 200)

HSL

hsl(199, 23%, 72%)

HSB

hsb(199, 16%, 78%)

CMYK

cmyk(16%, 5%, 0%, 22%)

Oklch

oklch(78.8% 0.028 226.9)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#C5BAC0

Mauve · Silver · Pearl Gray

HEX

#C5BAC0

RGB

rgb(197, 186, 192)

HSL

hsl(327, 9%, 75%)

HSB

hsb(327, 6%, 77%)

CMYK

cmyk(0%, 6%, 3%, 23%)

Oklch

oklch(80.0% 0.015 343.3)

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

#E9B782

Goose Yellow · BurlyWood · Warm Sun

HEX

#E9B782

RGB

rgb(233, 183, 130)

HSL

hsl(31, 70%, 71%)

HSB

hsb(31, 44%, 91%)

CMYK

cmyk(0%, 21%, 44%, 9%)

Oklch

oklch(81.3% 0.090 67.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#E9C164

Ginger · SandyBrown · Sunflower

HEX

#E9C164

RGB

rgb(233, 193, 100)

HSL

hsl(42, 75%, 65%)

HSB

hsb(42, 57%, 91%)

CMYK

cmyk(0%, 17%, 57%, 9%)

Oklch

oklch(82.8% 0.121 86.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0BBA0

A0A5C0

Analogous

C0ABA0

C0BBA0

B5C0A0

Triadic

C0BBA0

A0C0BB

BBA0C0

Split-Comp.

C0BBA0

A0B5C0

ABA0C0

Tetradic

C0BBA0

A0C0AB

A0A5C0

C0A0B5

Contrast Matrix WCAG 2.1 Contrast

C0BBA0	A8BEC8	C5BAC0	E9B782	E9C164
—	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	—	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	—

White BG

1.9Fail

1.8Fail

1.7Fail

Black BG

10.9AAA

11.2AAA

11.6AAA

12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBEA7

B2B2C6

C0C0BF

D3D38F

D8D77B

Deuteranopia

BEBEA8

B0AFC5

C1C2BE

D6DA92

DADD80

Tritanopia

C0ACAD

A9C4C3

C4BDBD

E7999B

E78C90

Achromatopsia

B9B9B9

BEBEBE

C0C0C0

C2C2C2

Shades & Tints Shades & Tints

#C0BBA0

Dark

Light

#A8BEC8

Dark

Light

#C5BAC0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0bba0;
  --color-2: #a8bec8;
  --color-3: #c5bac0;
  --color-4: #e9b782;
  --color-5: #e9c164;
}

SCSS

$color-1: #c0bba0;
$color-2: #a8bec8;
$color-3: #c5bac0;
$color-4: #e9b782;
$color-5: #e9c164;

TAILWIND

colors: {
  'brand-1': '#c0bba0',
  'brand-2': '#a8bec8',
  'brand-3': '#c5bac0',
  'brand-4': '#e9b782',
  'brand-5': '#e9c164',
}

RGB Array

[192, 187, 160], [168, 190, 200], [197, 186, 192], [233, 183, 130], [233, 193, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C0BBA0, #A8BEC8, #C5BAC0, #E9B782, #E9C164 is ideal for: health products, baby brands, fresh-style blogs. 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: #c0bba0; --color-2: #a8bec8; --color-3: #c5bac0; --color-4: #e9b782; --color-5: #e9c164. 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 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