#DCE492 + #E4E9B3 + #F0F1E0 + #CEDDDD + #A4C7C7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DCE492

Fresh Green · Khaki · Sunflower

HEX

#DCE492

RGB

rgb(220, 228, 146)

HSL

hsl(66, 60%, 73%)

HSB

hsb(66, 36%, 89%)

CMYK

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

Oklch

oklch(89.4% 0.105 113.1)

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

#E4E9B3

Fresh Green · Wheat · Lemon Cream

HEX

#E4E9B3

RGB

rgb(228, 233, 179)

HSL

hsl(66, 55%, 81%)

HSB

hsb(66, 23%, 91%)

CMYK

cmyk(2%, 0%, 23%, 9%)

Oklch

oklch(91.7% 0.071 112.1)

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

#F0F1E0

Fresh Green · Beige · Lemon Cream

HEX

#F0F1E0

RGB

rgb(240, 241, 224)

HSL

hsl(64, 38%, 91%)

HSB

hsb(64, 7%, 95%)

CMYK

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

Oklch

oklch(95.3% 0.022 109.6)

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

#CEDDDD

Sky Blue · LightGray · Glacier Blue

HEX

#CEDDDD

RGB

rgb(206, 221, 221)

HSL

hsl(180, 18%, 84%)

HSB

hsb(180, 7%, 87%)

CMYK

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

Oklch

oklch(88.6% 0.016 196.9)

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

#A4C7C7

Sky Blue · LightSteelBlue · Lake Green

HEX

#A4C7C7

RGB

rgb(164, 199, 199)

HSL

hsl(180, 24%, 71%)

HSB

hsb(180, 18%, 78%)

CMYK

cmyk(18%, 0%, 0%, 22%)

Oklch

oklch(80.4% 0.037 196.4)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DCE492

9991E3

Analogous

E3C291

DCE492

B2E391

Triadic

DCE492

91DBE3

E391DB

Split-Comp.

DCE492

91B2E3

C291E3

Tetradic

DCE492

91E3C2

9991E3

E391B2

Contrast Matrix WCAG 2.1 Contrast

DCE492	E4E9B3	F0F1E0	CEDDDD	A4C7C7
—	1.1 Fail	1.2 Fail	1.0 Fail	1.3 Fail
1.1 Fail	—	1.1 Fail	1.1 Fail	1.4 Fail
1.2 Fail	1.1 Fail	—	1.2 Fail	1.6 Fail
1.0 Fail	1.1 Fail	1.2 Fail	—	1.3 Fail
1.3 Fail	1.4 Fail	1.6 Fail	1.3 Fail	—

White BG

1.4Fail

1.3Fail

1.1Fail

1.4Fail

1.8Fail

Black BG

15.6AAA

16.6AAA

18.4AAA

15.0AAA

11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFE0A6

E6E6C0

F0F0E4

D4D5DD

B3B3C7

Deuteranopia

DFDEAB

E6E6C3

F0F0E5

D4D3DD

B1AFC7

Tritanopia

DCB6B9

E4CACD

F0E7E8

CFDDDD

A6C7C7

Achromatopsia

D8D8D8

E1E1E1

EFEFEF

D9D9D9

BDBDBD

Shades & Tints Shades & Tints

#DCE492

Dark

Light

#E4E9B3

Dark

Light

#F0F1E0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dce492;
  --color-2: #e4e9b3;
  --color-3: #f0f1e0;
  --color-4: #cedddd;
  --color-5: #a4c7c7;
}

SCSS

$color-1: #dce492;
$color-2: #e4e9b3;
$color-3: #f0f1e0;
$color-4: #cedddd;
$color-5: #a4c7c7;

TAILWIND

colors: {
  'brand-1': '#dce492',
  'brand-2': '#e4e9b3',
  'brand-3': '#f0f1e0',
  'brand-4': '#cedddd',
  'brand-5': '#a4c7c7',
}

RGB Array

[220, 228, 146], [228, 233, 179], [240, 241, 224], [206, 221, 221], [164, 199, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DCE492, #E4E9B3, #F0F1E0, #CEDDDD, #A4C7C7 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: #dce492; --color-2: #e4e9b3; --color-3: #f0f1e0; --color-4: #cedddd; --color-5: #a4c7c7. 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