#AAADAD + #D1C1DE + #B6CFD8 + #9CDDD1 + #81EBCB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AAADAD

Ash · DarkGray · Silver Sand

HEX

#AAADAD

RGB

rgb(170, 173, 173)

HSL

hsl(180, 2%, 67%)

HSB

hsb(180, 2%, 68%)

CMYK

cmyk(2%, 0%, 0%, 32%)

Oklch

oklch(74.5% 0.003 197.1)

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

#D1C1DE

Lilac · LightGray · Lavender

HEX

#D1C1DE

RGB

rgb(209, 193, 222)

HSL

hsl(273, 31%, 81%)

HSB

hsb(273, 13%, 87%)

CMYK

cmyk(6%, 13%, 0%, 13%)

Oklch

oklch(83.3% 0.043 310.0)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#B6CFD8

Sky Blue · LightSteelBlue · Glacier Blue

HEX

#B6CFD8

RGB

rgb(182, 207, 216)

HSL

hsl(196, 30%, 78%)

HSB

hsb(196, 16%, 85%)

CMYK

cmyk(16%, 4%, 0%, 15%)

Oklch

oklch(83.9% 0.030 221.5)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#9CDDD1

Jade · LightBlue · Lake Green

HEX

#9CDDD1

RGB

rgb(156, 221, 209)

HSL

hsl(169, 49%, 74%)

HSB

hsb(169, 29%, 87%)

CMYK

cmyk(29%, 0%, 5%, 13%)

Oklch

oklch(85.0% 0.068 181.9)

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

#81EBCB

Jade · SkyBlue · Lake Green

HEX

#81EBCB

RGB

rgb(129, 235, 203)

HSL

hsl(162, 73%, 71%)

HSB

hsb(162, 45%, 92%)

CMYK

cmyk(45%, 0%, 14%, 8%)

Oklch

oklch(86.7% 0.110 171.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AAADAD

ADA9A9

Analogous

A9ADAB

AAADAD

A9ABAD

Triadic

AAADAD

ADA9AD

ADADA9

Split-Comp.

AAADAD

ADA9AB

ADABA9

Tetradic

AAADAD

ABA9AD

ADA9A9

ABADA9

Contrast Matrix WCAG 2.1 Contrast

AAADAD	D1C1DE	B6CFD8	9CDDD1	81EBCB
—	1.3 Fail	1.4 Fail	1.5 Fail	1.6 Fail
1.3 Fail	—	1.0 Fail	1.1 Fail	1.2 Fail
1.4 Fail	1.0 Fail	—	1.1 Fail	1.1 Fail
1.5 Fail	1.1 Fail	1.1 Fail	—	1.1 Fail
1.6 Fail	1.2 Fail	1.1 Fail	1.1 Fail	—

White BG

2.3Fail

1.7Fail

1.6Fail

1.5Fail

1.4Fail

Black BG

9.3AAA

12.4AAA

12.9AAA

13.7AAA

14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABABAD

CACAD7

C1C1D6

B8B9D4

AFB0D3

Deuteranopia

ABABAD

CBCCD5

BFBED5

B4B0D5

A9A1D5

Tritanopia

AAADAD

D0D1D0

B7D4D4

9FD6D7

86D9DA

Achromatopsia

ACACAC

C9C9C9

C8C8C8

Shades & Tints Shades & Tints

#AAADAD

Dark

Light

#D1C1DE

Dark

Light

#B6CFD8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aaadad;
  --color-2: #d1c1de;
  --color-3: #b6cfd8;
  --color-4: #9cddd1;
  --color-5: #81ebcb;
}

SCSS

$color-1: #aaadad;
$color-2: #d1c1de;
$color-3: #b6cfd8;
$color-4: #9cddd1;
$color-5: #81ebcb;

TAILWIND

colors: {
  'brand-1': '#aaadad',
  'brand-2': '#d1c1de',
  'brand-3': '#b6cfd8',
  'brand-4': '#9cddd1',
  'brand-5': '#81ebcb',
}

RGB Array

[170, 173, 173], [209, 193, 222], [182, 207, 216], [156, 221, 209], [129, 235, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AAADAD, #D1C1DE, #B6CFD8, #9CDDD1, #81EBCB 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: #aaadad; --color-2: #d1c1de; --color-3: #b6cfd8; --color-4: #9cddd1; --color-5: #81ebcb. 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