#AA72D3 + #AA72D3 + #89FACF + #A5E8D6 + #A2D5C7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AA72D3

Lilac · MediumOrchid · Lilac Purple

HEX

#AA72D3

RGB

rgb(170, 114, 211)

HSL

hsl(275, 52%, 64%)

HSB

hsb(275, 46%, 83%)

CMYK

cmyk(19%, 46%, 0%, 17%)

Oklch

oklch(64.9% 0.150 309.4)

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

#AA72D3

Lilac · MediumOrchid · Lilac Purple

HEX

#AA72D3

RGB

rgb(170, 114, 211)

HSL

hsl(275, 52%, 64%)

HSB

hsb(275, 46%, 83%)

CMYK

cmyk(19%, 46%, 0%, 17%)

Oklch

oklch(64.9% 0.150 309.4)

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

#89FACF

Jade · SkyBlue · Apple Green

HEX

#89FACF

RGB

rgb(137, 250, 207)

HSL

hsl(157, 92%, 76%)

HSB

hsb(157, 45%, 98%)

CMYK

cmyk(45%, 0%, 17%, 2%)

Oklch

oklch(90.6% 0.121 166.9)

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

#A5E8D6

Jade · LightBlue · Glacier Blue

HEX

#A5E8D6

RGB

rgb(165, 232, 214)

HSL

hsl(164, 59%, 78%)

HSB

hsb(164, 29%, 91%)

CMYK

cmyk(29%, 0%, 8%, 9%)

Oklch

oklch(88.1% 0.072 176.0)

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

#A2D5C7

Jade · LightSteelBlue · Lake Green

HEX

#A2D5C7

RGB

rgb(162, 213, 199)

HSL

hsl(164, 38%, 74%)

HSB

hsb(164, 24%, 84%)

CMYK

cmyk(24%, 0%, 7%, 16%)

Oklch

oklch(83.3% 0.056 176.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AA72D3

9BD373

Analogous

7B73D3

AA72D3

D373CB

Triadic

AA72D3

D3AB73

73D3AB

Split-Comp.

AA72D3

CBD373

73D37B

Tetradic

AA72D3

D37B73

9BD373

73CBD3

Contrast Matrix WCAG 2.1 Contrast

AA72D3	AA72D3	89FACF	A5E8D6	A2D5C7
—	—	2.7 Fail	2.5 Fail	2.1 Fail
—	—	2.7 Fail	2.5 Fail	2.1 Fail
2.7 Fail	2.7 Fail	—	1.1 Fail	1.3 Fail
2.5 Fail	2.5 Fail	1.1 Fail	—	1.2 Fail
2.1 Fail	2.1 Fail	1.3 Fail	1.2 Fail	—

White BG

3.5AA Large

1.3Fail

1.4Fail

1.6Fail

Black BG

6.1AA

16.6AAA

15.1AAA

12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9291BC

BABBD9

C2C3DA

B8B9CA

Deuteranopia

9599B6

B3ABDC

BEB9DB

B5B1CB

Tritanopia

A7A9A5

8FE2E3

A8DEDF

A5CDCE

Achromatopsia

8E8E8E

D3D3D3

D2D2D2

C4C4C4

Shades & Tints Shades & Tints

#AA72D3

Dark

Light

#AA72D3

Dark

Light

#89FACF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aa72d3;
  --color-2: #aa72d3;
  --color-3: #89facf;
  --color-4: #a5e8d6;
  --color-5: #a2d5c7;
}

SCSS

$color-1: #aa72d3;
$color-2: #aa72d3;
$color-3: #89facf;
$color-4: #a5e8d6;
$color-5: #a2d5c7;

TAILWIND

colors: {
  'brand-1': '#aa72d3',
  'brand-2': '#aa72d3',
  'brand-3': '#89facf',
  'brand-4': '#a5e8d6',
  'brand-5': '#a2d5c7',
}

RGB Array

[170, 114, 211], [170, 114, 211], [137, 250, 207], [165, 232, 214], [162, 213, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AA72D3, #AA72D3, #89FACF, #A5E8D6, #A2D5C7 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: #aa72d3; --color-2: #aa72d3; --color-3: #89facf; --color-4: #a5e8d6; --color-5: #a2d5c7. 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