#AAEEE1 + #95E9CF + #81E6BA + #80E190 + #BCC3DF - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AAEEE1

Jade · LightBlue · Glacier Blue

HEX

#AAEEE1

RGB

rgb(170, 238, 225)

HSL

hsl(169, 67%, 80%)

HSB

hsb(169, 29%, 93%)

CMYK

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

Oklch

oklch(90.0% 0.070 181.5)

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

#95E9CF

Jade · LightBlue · Lake Green

HEX

#95E9CF

RGB

rgb(149, 233, 207)

HSL

hsl(161, 66%, 75%)

HSB

hsb(161, 36%, 91%)

CMYK

cmyk(36%, 0%, 11%, 9%)

Oklch

oklch(87.3% 0.090 172.5)

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

#81E6BA

Jade · MediumAquaMarine · Apple Green

HEX

#81E6BA

RGB

rgb(129, 230, 186)

HSL

hsl(154, 67%, 70%)

HSB

hsb(154, 44%, 90%)

CMYK

cmyk(44%, 0%, 19%, 10%)

Oklch

oklch(85.1% 0.115 163.9)

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

#80E190

Emerald · LightGreen · Apple Green

HEX

#80E190

RGB

rgb(128, 225, 144)

HSL

hsl(130, 62%, 69%)

HSB

hsb(130, 43%, 88%)

CMYK

cmyk(43%, 0%, 36%, 12%)

Oklch

oklch(83.0% 0.146 148.0)

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

#BCC3DF

Azure · LightSteelBlue · Sky Blue

HEX

#BCC3DF

RGB

rgb(188, 195, 223)

HSL

hsl(228, 35%, 81%)

HSB

hsb(228, 16%, 87%)

CMYK

cmyk(16%, 13%, 0%, 13%)

Oklch

oklch(82.1% 0.040 274.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AAEEE1

EEAAB6

Analogous

AAEEBF

AAEEE1

AAD9EE

Triadic

AAEEE1

E2AAEE

EEE2AA

Split-Comp.

AAEEE1

EEAAD9

EEBFAA

Tetradic

AAEEE1

BFAAEE

EEAAB6

D9EEAA

Contrast Matrix WCAG 2.1 Contrast

AAEEE1	95E9CF	81E6BA	80E190	BCC3DF
—	1.1 Fail	1.1 Fail	1.2 Fail	1.3 Fail
1.1 Fail	—	1.1 Fail	1.1 Fail	1.2 Fail
1.1 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.2 Fail	1.1 Fail	1.1 Fail	—	1.1 Fail
1.3 Fail	1.2 Fail	1.2 Fail	1.1 Fail	—

White BG

1.3Fail

1.4Fail

1.5Fail

1.6Fail

1.7Fail

Black BG

16.0AAA

14.8AAA

14.0AAA

13.1AAA

12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C8E4

B9BAD5

ADAEC5

AAABA4

BFBFD8

Deuteranopia

C4BEE5

B5AED7

A79FC7

A49DA8

BFBED7

Tritanopia

ADE7E7

99DADB

86CDCF

85B3B6

BCD3D2

Achromatopsia

D8D8D8

CDCDCD

C3C3C3

BBBBBB

C4C4C4

Shades & Tints Shades & Tints

#AAEEE1

Dark

Light

#95E9CF

Dark

Light

#81E6BA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aaeee1;
  --color-2: #95e9cf;
  --color-3: #81e6ba;
  --color-4: #80e190;
  --color-5: #bcc3df;
}

SCSS

$color-1: #aaeee1;
$color-2: #95e9cf;
$color-3: #81e6ba;
$color-4: #80e190;
$color-5: #bcc3df;

TAILWIND

colors: {
  'brand-1': '#aaeee1',
  'brand-2': '#95e9cf',
  'brand-3': '#81e6ba',
  'brand-4': '#80e190',
  'brand-5': '#bcc3df',
}

RGB Array

[170, 238, 225], [149, 233, 207], [129, 230, 186], [128, 225, 144], [188, 195, 223]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AAEEE1, #95E9CF, #81E6BA, #80E190, #BCC3DF 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: #aaeee1; --color-2: #95e9cf; --color-3: #81e6ba; --color-4: #80e190; --color-5: #bcc3df. 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