#A0D9D6 + #9E999B + #BBC4C3 + #D6D6C1 + #C1ED61 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A0D9D6

Jade · LightBlue · Lake Green

HEX

#A0D9D6

RGB

rgb(160, 217, 214)

HSL

hsl(177, 43%, 74%)

HSB

hsb(177, 26%, 85%)

CMYK

cmyk(26%, 0%, 1%, 15%)

Oklch

oklch(84.5% 0.058 192.0)

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

#9E999B

Ash · DarkGray · Silver Sand

HEX

#9E999B

RGB

rgb(158, 153, 155)

HSL

hsl(336, 3%, 61%)

HSB

hsb(336, 3%, 62%)

CMYK

cmyk(0%, 3%, 2%, 38%)

Oklch

oklch(68.8% 0.006 350.9)

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

#BBC4C3

Silver Gray · Silver · Pearl Gray

HEX

#BBC4C3

RGB

rgb(187, 196, 195)

HSL

hsl(173, 7%, 75%)

HSB

hsb(173, 5%, 77%)

CMYK

cmyk(5%, 0%, 1%, 23%)

Oklch

oklch(81.3% 0.010 189.0)

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

#D6D6C1

Fresh Green · LightGray · Lemon Cream

HEX

#D6D6C1

RGB

rgb(214, 214, 193)

HSL

hsl(60, 20%, 80%)

HSB

hsb(60, 10%, 84%)

CMYK

cmyk(0%, 0%, 10%, 16%)

Oklch

oklch(87.0% 0.028 107.0)

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

#C1ED61

Willow Green · GreenYellow · Apple Green

HEX

#C1ED61

RGB

rgb(193, 237, 97)

HSL

hsl(79, 80%, 65%)

HSB

hsb(79, 59%, 93%)

CMYK

cmyk(19%, 0%, 59%, 7%)

Oklch

oklch(88.8% 0.173 124.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A0D9D6

D9A0A3

Analogous

A0D9BA

A0D9D6

A0C0D9

Triadic

A0D9D6

D6A0D9

D9D6A0

Split-Comp.

A0D9D6

D9A0C0

D9BAA0

Tetradic

A0D9D6

BAA0D9

D9A0A3

C0D9A0

Contrast Matrix WCAG 2.1 Contrast

A0D9D6	9E999B	BBC4C3	D6D6C1	C1ED61
—	1.8 Fail	1.1 Fail	1.1 Fail	1.2 Fail
1.8 Fail	—	1.6 Fail	1.9 Fail	2.1 Fail
1.1 Fail	1.6 Fail	—	1.2 Fail	1.3 Fail
1.1 Fail	1.9 Fail	1.2 Fail	—	1.1 Fail
1.2 Fail	2.1 Fail	1.3 Fail	1.1 Fail	—

White BG

1.6Fail

2.8Fail

1.8Fail

1.5Fail

1.4Fail

Black BG

13.4AAA

7.5AAA

11.8AAA

14.2AAA

15.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B9D7

9C9C9B

BFBFC3

D6D6C6

D4D483

Deuteranopia

B5B1D7

9C9D9A

BEBEC3

D6D6C7

D2CE8B

Tritanopia

A3D7D7

9E9A9A

BBC3C3

D6CACB

C39EA4

Achromatopsia

C8C8C8

9B9B9B

C1C1C1

D4D4D4

D0D0D0

Shades & Tints Shades & Tints

#A0D9D6

Dark

Light

#9E999B

Dark

Light

#BBC4C3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a0d9d6;
  --color-2: #9e999b;
  --color-3: #bbc4c3;
  --color-4: #d6d6c1;
  --color-5: #c1ed61;
}

SCSS

$color-1: #a0d9d6;
$color-2: #9e999b;
$color-3: #bbc4c3;
$color-4: #d6d6c1;
$color-5: #c1ed61;

TAILWIND

colors: {
  'brand-1': '#a0d9d6',
  'brand-2': '#9e999b',
  'brand-3': '#bbc4c3',
  'brand-4': '#d6d6c1',
  'brand-5': '#c1ed61',
}

RGB Array

[160, 217, 214], [158, 153, 155], [187, 196, 195], [214, 214, 193], [193, 237, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A0D9D6, #9E999B, #BBC4C3, #D6D6C1, #C1ED61 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: #a0d9d6; --color-2: #9e999b; --color-3: #bbc4c3; --color-4: #d6d6c1; --color-5: #c1ed61. 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