#DFE19A + #D3DEA1 + #C6DBA8 + #EBECBF + #ACD5B8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryClean

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DFE19A

Fresh Green · Khaki · Sunflower

HEX

#DFE19A

RGB

rgb(223, 225, 154)

HSL

hsl(62, 54%, 74%)

HSB

hsb(62, 32%, 88%)

CMYK

cmyk(1%, 0%, 32%, 12%)

Oklch

oklch(89.2% 0.091 109.5)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#D3DEA1

Willow Green · Khaki · Apple Green

HEX

#D3DEA1

RGB

rgb(211, 222, 161)

HSL

hsl(71, 48%, 75%)

HSB

hsb(71, 27%, 87%)

CMYK

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

Oklch

oklch(87.7% 0.081 116.4)

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

#C6DBA8

Willow Green · Silver · Apple Green

HEX

#C6DBA8

RGB

rgb(198, 219, 168)

HSL

hsl(85, 41%, 76%)

HSB

hsb(85, 23%, 86%)

CMYK

cmyk(10%, 0%, 23%, 14%)

Oklch

oklch(86.3% 0.072 126.1)

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

#EBECBF

Fresh Green · Wheat · Lemon Cream

HEX

#EBECBF

RGB

rgb(235, 236, 191)

HSL

hsl(61, 54%, 84%)

HSB

hsb(61, 19%, 93%)

CMYK

cmyk(0%, 0%, 19%, 7%)

Oklch

oklch(93.1% 0.059 108.5)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#ACD5B8

Celadon · Silver · Apple Green

HEX

#ACD5B8

RGB

rgb(172, 213, 184)

HSL

hsl(138, 33%, 75%)

HSB

hsb(138, 19%, 84%)

CMYK

cmyk(19%, 0%, 14%, 16%)

Oklch

oklch(83.6% 0.059 154.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DFE19A

9B99E1

Analogous

E1BF99

DFE19A

BAE199

Triadic

DFE19A

99DEE1

E199DE

Split-Comp.

DFE19A

99BAE1

BF99E1

Tetradic

DFE19A

99E1BF

9B99E1

E199BA

Contrast Matrix WCAG 2.1 Contrast

DFE19A	D3DEA1	C6DBA8	EBECBF	ACD5B8
—	1.0 Fail	1.1 Fail	1.1 Fail	1.2 Fail
1.0 Fail	—	1.0 Fail	1.2 Fail	1.1 Fail
1.1 Fail	1.0 Fail	—	1.2 Fail	1.1 Fail
1.1 Fail	1.2 Fail	1.2 Fail	—	1.3 Fail
1.2 Fail	1.1 Fail	1.1 Fail	1.3 Fail	—

White BG

1.4Fail

1.5Fail

1.2Fail

1.6Fail

Black BG

15.4AAA

14.7AAA

14.1AAA

17.3AAA

13.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0AB

D8D8B0

CFCFB4

EBEBCA

BEBEBF

Deuteranopia

E0E0AF

D7D6B3

CECCB7

EBEBCD

BBB8C1

Tritanopia

DFB9BC

D4BBBE

C7BEC0

EBD2D4

AEC5C6

Achromatopsia

D8D8D8

D4D4D4

CFCFCF

E7E7E7

C5C5C5

Shades & Tints Shades & Tints

#DFE19A

Dark

Light

#D3DEA1

Dark

Light

#C6DBA8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dfe19a;
  --color-2: #d3dea1;
  --color-3: #c6dba8;
  --color-4: #ebecbf;
  --color-5: #acd5b8;
}

SCSS

$color-1: #dfe19a;
$color-2: #d3dea1;
$color-3: #c6dba8;
$color-4: #ebecbf;
$color-5: #acd5b8;

TAILWIND

colors: {
  'brand-1': '#dfe19a',
  'brand-2': '#d3dea1',
  'brand-3': '#c6dba8',
  'brand-4': '#ebecbf',
  'brand-5': '#acd5b8',
}

RGB Array

[223, 225, 154], [211, 222, 161], [198, 219, 168], [235, 236, 191], [172, 213, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DFE19A, #D3DEA1, #C6DBA8, #EBECBF, #ACD5B8 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: #dfe19a; --color-2: #d3dea1; --color-3: #c6dba8; --color-4: #ebecbf; --color-5: #acd5b8. 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