#DADE5E + #BEBF92 + #D46A6C + #AD2F6F + #803773 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DADE5E

Fresh Green · Khaki · Sunflower

HEX

#DADE5E

RGB

rgb(218, 222, 94)

HSL

hsl(62, 66%, 62%)

HSB

hsb(62, 58%, 87%)

CMYK

cmyk(2%, 0%, 58%, 13%)

Oklch

oklch(87.3% 0.150 110.8)

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

#BEBF92

Fresh Green · Tan · Sunflower

HEX

#BEBF92

RGB

rgb(190, 191, 146)

HSL

hsl(61, 26%, 66%)

HSB

hsb(61, 24%, 75%)

CMYK

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

Oklch

oklch(79.2% 0.061 108.8)

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

#D46A6C

Peach Pink · LightCoral · Coral Red

HEX

#D46A6C

RGB

rgb(212, 106, 108)

HSL

hsl(359, 55%, 62%)

HSB

hsb(359, 50%, 83%)

CMYK

cmyk(0%, 50%, 49%, 17%)

Oklch

oklch(64.9% 0.134 20.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#AD2F6F

Dark Violet · MediumVioletRed · Camellia

HEX

#AD2F6F

RGB

rgb(173, 47, 111)

HSL

hsl(330, 57%, 43%)

HSB

hsb(330, 73%, 68%)

CMYK

cmyk(0%, 73%, 36%, 32%)

Oklch

oklch(51.7% 0.172 353.8)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#803773

Rose Purple · DimGray · Eggplant

HEX

#803773

RGB

rgb(128, 55, 115)

HSL

hsl(311, 40%, 36%)

HSB

hsb(311, 57%, 50%)

CMYK

cmyk(0%, 57%, 10%, 50%)

Oklch

oklch(45.7% 0.127 334.8)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DADE5E

625EDE

Analogous

DEA25E

DADE5E

9ADE5E

Triadic

DADE5E

5EDADE

DE5EDA

Split-Comp.

DADE5E

5E9ADE

A25EDE

Tetradic

DADE5E

5EDEA2

625EDE

DE5E9A

Contrast Matrix WCAG 2.1 Contrast

DADE5E	BEBF92	D46A6C	AD2F6F	803773
—	1.3 Fail	2.4 Fail	4.3 AA Large	5.4 AA
1.3 Fail	—	1.8 Fail	3.2 AA Large	4.1 AA Large
2.4 Fail	1.8 Fail	—	1.8 Fail	2.2 Fail
4.3 AA Large	3.2 AA Large	1.8 Fail	—	1.3 Fail
5.4 AA	4.1 AA Large	2.2 Fail	1.3 Fail	—

White BG

1.4Fail

1.9Fail

3.5AA Large

6.2AA

7.7AAA

Black BG

14.6AAA

11.1AAA

6.1AA

3.4AA Large

2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDC7D

BEBE9D

A6A56C

767560

606064

Deuteranopia

DCDB84

BEBEA0

ACB46B

7E875C

656A61

Tritanopia

DA959B

BEA5A7

CF6B6B

A75351

7C5957

Achromatopsia

CECECE

BABABA

8A8A8A

5C5C5C

545454

Shades & Tints Shades & Tints

#DADE5E

Dark

Light

#BEBF92

Dark

Light

#D46A6C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dade5e;
  --color-2: #bebf92;
  --color-3: #d46a6c;
  --color-4: #ad2f6f;
  --color-5: #803773;
}

SCSS

$color-1: #dade5e;
$color-2: #bebf92;
$color-3: #d46a6c;
$color-4: #ad2f6f;
$color-5: #803773;

TAILWIND

colors: {
  'brand-1': '#dade5e',
  'brand-2': '#bebf92',
  'brand-3': '#d46a6c',
  'brand-4': '#ad2f6f',
  'brand-5': '#803773',
}

RGB Array

[218, 222, 94], [190, 191, 146], [212, 106, 108], [173, 47, 111], [128, 55, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DADE5E, #BEBF92, #D46A6C, #AD2F6F, #803773 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: #dade5e; --color-2: #bebf92; --color-3: #d46a6c; --color-4: #ad2f6f; --color-5: #803773. 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