#A2F565 + #A0F18E + #AEE7AF + #BFDBCB + #DCC8E1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryClean

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A2F565

Emerald · LightGreen · Apple Green

HEX

#A2F565

RGB

rgb(162, 245, 101)

HSL

hsl(95, 88%, 68%)

HSB

hsb(95, 59%, 96%)

CMYK

cmyk(34%, 0%, 59%, 4%)

Oklch

oklch(88.8% 0.195 134.0)

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

#A0F18E

Emerald · LightGreen · Apple Green

HEX

#A0F18E

RGB

rgb(160, 241, 142)

HSL

hsl(109, 78%, 75%)

HSB

hsb(109, 41%, 95%)

CMYK

cmyk(34%, 0%, 41%, 5%)

Oklch

oklch(88.3% 0.153 140.0)

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

#AEE7AF

Emerald · LightGreen · Apple Green

HEX

#AEE7AF

RGB

rgb(174, 231, 175)

HSL

hsl(121, 54%, 79%)

HSB

hsb(121, 25%, 91%)

CMYK

cmyk(25%, 0%, 24%, 9%)

Oklch

oklch(87.4% 0.096 145.1)

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

#BFDBCB

Celadon · LightGray · Apple Green

HEX

#BFDBCB

RGB

rgb(191, 219, 203)

HSL

hsl(146, 28%, 80%)

HSB

hsb(146, 13%, 86%)

CMYK

cmyk(13%, 0%, 7%, 14%)

Oklch

oklch(86.6% 0.037 160.5)

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

#DCC8E1

Lilac · LightGray · Lavender

HEX

#DCC8E1

RGB

rgb(220, 200, 225)

HSL

hsl(288, 29%, 83%)

HSB

hsb(288, 11%, 88%)

CMYK

cmyk(2%, 11%, 0%, 12%)

Oklch

oklch(85.7% 0.040 319.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A2F565

B966F5

Analogous

E9F566

A2F565

66F572

Triadic

A2F565

66A1F5

F566A1

Split-Comp.

A2F565

7266F5

F566E9

Tetradic

A2F565

66E9F5

B966F5

F57266

Contrast Matrix WCAG 2.1 Contrast

A2F565	A0F18E	AEE7AF	BFDBCB	DCC8E1
—	1.0 Fail	1.1 Fail	1.1 Fail	1.2 Fail
1.0 Fail	—	1.0 Fail	1.1 Fail	1.2 Fail
1.1 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
1.1 Fail	1.1 Fail	1.0 Fail	—	1.1 Fail
1.2 Fail	1.2 Fail	1.1 Fail	1.1 Fail	—

White BG

1.3Fail

1.4Fail

1.5Fail

1.6Fail

Black BG

15.8AAA

15.5AAA

14.8AAA

14.2AAA

13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C788

C3C4A6

C7C7BD

CBCBCF

D3D3DB

Deuteranopia

C1BB90

BEB8AC

C3BFC0

CAC7D0

D5D6DA

Tritanopia

A6A3A9

A4B9BD

B1C7CA

C0D2D3

DBD6D5

Achromatopsia

CCCCCC

CDCDCD

D0D0D0

D1D1D1

Shades & Tints Shades & Tints

#A2F565

Dark

Light

#A0F18E

Dark

Light

#AEE7AF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a2f565;
  --color-2: #a0f18e;
  --color-3: #aee7af;
  --color-4: #bfdbcb;
  --color-5: #dcc8e1;
}

SCSS

$color-1: #a2f565;
$color-2: #a0f18e;
$color-3: #aee7af;
$color-4: #bfdbcb;
$color-5: #dcc8e1;

TAILWIND

colors: {
  'brand-1': '#a2f565',
  'brand-2': '#a0f18e',
  'brand-3': '#aee7af',
  'brand-4': '#bfdbcb',
  'brand-5': '#dcc8e1',
}

RGB Array

[162, 245, 101], [160, 241, 142], [174, 231, 175], [191, 219, 203], [220, 200, 225]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A2F565, #A0F18E, #AEE7AF, #BFDBCB, #DCC8E1 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: #a2f565; --color-2: #a0f18e; --color-3: #aee7af; --color-4: #bfdbcb; --color-5: #dcc8e1. 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