← Back to Editor

#DBDE1D · #EAED3B · #EAED94 · #CBCC90 · #B4B584

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DBDE1D

Autumn Sage · Gold · Honey Gold

HEX
#DBDE1D
RGB
rgb(219, 222, 29)
HSL
hsl(61, 77%, 49%)
HSB
hsb(61, 87%, 87%)
CMYK
cmyk(1%, 0%, 87%, 13%)
Oklch
oklch(87.0% 0.186 110.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#EAED3B

Autumn Sage · GreenYellow · Sunflower

HEX
#EAED3B
RGB
rgb(234, 237, 59)
HSL
hsl(61, 83%, 58%)
HSB
hsb(61, 75%, 93%)
CMYK
cmyk(1%, 0%, 75%, 7%)
Oklch
oklch(91.5% 0.185 110.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#EAED94

Fresh Green · Khaki · Sunflower

HEX
#EAED94
RGB
rgb(234, 237, 148)
HSL
hsl(62, 71%, 75%)
HSB
hsb(62, 38%, 93%)
CMYK
cmyk(1%, 0%, 38%, 7%)
Oklch
oklch(92.4% 0.111 110.1)

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

#CBCC90

Fresh Green · Tan · Sunflower

HEX
#CBCC90
RGB
rgb(203, 204, 144)
HSL
hsl(61, 37%, 68%)
HSB
hsb(61, 29%, 80%)
CMYK
cmyk(0%, 0%, 29%, 20%)
Oklch
oklch(83.0% 0.079 108.8)

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

#B4B584

Fresh Green · Tan · Sunflower

HEX
#B4B584
RGB
rgb(180, 181, 132)
HSL
hsl(61, 25%, 61%)
HSB
hsb(61, 27%, 71%)
CMYK
cmyk(1%, 0%, 27%, 29%)
Oklch
oklch(76.0% 0.066 108.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBDE1D
201DDD

Analogous

DD801D
DBDE1D
7ADD1D

Triadic

DBDE1D
1DDADD
DD1DDA

Split-Comp.

DBDE1D
1D7ADD
801DDD

Tetradic

DBDE1D
1DDD80
201DDD
DD1D7A

Contrast Matrix WCAG 2.1 Contrast

DBDE1D
EAED3B
EAED94
CBCC90
B4B584
—
1.2
Fail
1.2
Fail
1.2
Fail
1.5
Fail
1.2
Fail
—
1.0
Fail
1.3
Fail
1.7
Fail
1.2
Fail
1.0
Fail
—
1.4
Fail
1.7
Fail
1.2
Fail
1.3
Fail
1.4
Fail
—
1.3
Fail
1.5
Fail
1.7
Fail
1.7
Fail
1.3
Fail
—
White BG
1.5Fail
1.3Fail
1.2Fail
1.7Fail
2.1Fail
Black BG
14.5AAA
16.7AAA
17.0AAA
12.6AAA
9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDC4C
EBEB66
EBEBAA
CBCB9F
B4B490

Deuteranopia

DCDC57
EBEB70
EBEBAF
CBCBA2
B4B493

Tritanopia

DB7179
EA8890
EABBBE
CBAAAD
B4999B

Achromatopsia

C7C7C7
D8D8D8
E2E2E2
C5C5C5
AFAFAF

Shades & Tints Shades & Tints

#DBDE1D

Dark
Light

#EAED3B

Dark
Light

#EAED94

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbde1d;
  --color-2: #eaed3b;
  --color-3: #eaed94;
  --color-4: #cbcc90;
  --color-5: #b4b584;
}

SCSS

$color-1: #dbde1d;
$color-2: #eaed3b;
$color-3: #eaed94;
$color-4: #cbcc90;
$color-5: #b4b584;

TAILWIND

colors: {
  'brand-1': '#dbde1d',
  'brand-2': '#eaed3b',
  'brand-3': '#eaed94',
  'brand-4': '#cbcc90',
  'brand-5': '#b4b584',
}

RGB Array

[219, 222, 29], [234, 237, 59], [234, 237, 148], [203, 204, 144], [180, 181, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBDE1D, #EAED3B, #EAED94, #CBCC90, #B4B584 is ideal for: corporate websites, product showcases, portfolios. 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: #dbde1d; --color-2: #eaed3b; --color-3: #eaed94; --color-4: #cbcc90; --color-5: #b4b584. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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