#A4D6A5 + #B6CD9F + #DEC784 + #EBBC88 + #FFA490 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A4D6A5

Celadon · LightGreen · Apple Green

HEX

#A4D6A5

RGB

rgb(164, 214, 165)

HSL

hsl(121, 38%, 74%)

HSB

hsb(121, 23%, 84%)

CMYK

cmyk(23%, 0%, 23%, 16%)

Oklch

oklch(82.8% 0.085 145.3)

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

#B6CD9F

Celadon · Silver · Apple Green

HEX

#B6CD9F

RGB

rgb(182, 205, 159)

HSL

hsl(90, 32%, 71%)

HSB

hsb(90, 22%, 80%)

CMYK

cmyk(11%, 0%, 22%, 20%)

Oklch

oklch(81.9% 0.067 129.4)

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

#DEC784

Ginger · BurlyWood · Sunflower

HEX

#DEC784

RGB

rgb(222, 199, 132)

HSL

hsl(45, 58%, 69%)

HSB

hsb(45, 41%, 87%)

CMYK

cmyk(0%, 10%, 41%, 13%)

Oklch

oklch(83.4% 0.090 91.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#EBBC88

Goose Yellow · BurlyWood · Warm Sun

HEX

#EBBC88

RGB

rgb(235, 188, 136)

HSL

hsl(32, 71%, 73%)

HSB

hsb(32, 42%, 92%)

CMYK

cmyk(0%, 20%, 42%, 8%)

Oklch

oklch(82.5% 0.087 69.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FFA490

Peach Pink · LightSalmon · Coral Red

HEX

#FFA490

RGB

rgb(255, 164, 144)

HSL

hsl(11, 100%, 78%)

HSB

hsb(11, 44%, 100%)

CMYK

cmyk(0%, 36%, 44%, 0%)

Oklch

oklch(80.5% 0.113 33.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A4D6A5

D6A4D5

Analogous

BCD6A4

A4D6A5

A4D6BE

Triadic

A4D6A5

A4A4D6

D6A4A4

Split-Comp.

A4D6A5

BEA4D6

D6A4BC

Tetradic

A4D6A5

A4BCD6

D6A4D5

D6BEA4

Contrast Matrix WCAG 2.1 Contrast

A4D6A5	B6CD9F	DEC784	EBBC88	FFA490
—	1.0 Fail	1.0 Fail	1.1 Fail	1.2 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.1 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
1.1 Fail	1.0 Fail	1.0 Fail	—	1.1 Fail
1.2 Fail	1.1 Fail	1.1 Fail	1.1 Fail	—

White BG

1.6Fail

1.7Fail

1.9Fail

Black BG

12.7AAA

12.2AAA

12.6AAA

12.1AAA

11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABAB1

C0C0AA

D4D494

D7D695

D8D795

Deuteranopia

B7B3B4

BFBDAD

D5D798

D9DD98

DDE496

Tritanopia

A6BABC

B7B3B5

DDA1A4

E99FA1

FA999A

Achromatopsia

C1C1C1

C6C6C6

C4C4C4

BDBDBD

Shades & Tints Shades & Tints

#A4D6A5

Dark

Light

#B6CD9F

Dark

Light

#DEC784

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a4d6a5;
  --color-2: #b6cd9f;
  --color-3: #dec784;
  --color-4: #ebbc88;
  --color-5: #ffa490;
}

SCSS

$color-1: #a4d6a5;
$color-2: #b6cd9f;
$color-3: #dec784;
$color-4: #ebbc88;
$color-5: #ffa490;

TAILWIND

colors: {
  'brand-1': '#a4d6a5',
  'brand-2': '#b6cd9f',
  'brand-3': '#dec784',
  'brand-4': '#ebbc88',
  'brand-5': '#ffa490',
}

RGB Array

[164, 214, 165], [182, 205, 159], [222, 199, 132], [235, 188, 136], [255, 164, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A4D6A5, #B6CD9F, #DEC784, #EBBC88, #FFA490 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: #a4d6a5; --color-2: #b6cd9f; --color-3: #dec784; --color-4: #ebbc88; --color-5: #ffa490. 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