#B49DB3 + #EBDE70 + #B7DA6E + #80E1CE + #DEE3D4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B49DB3

Mauve · DarkGray · Lilac Purple

HEX

#B49DB3

RGB

rgb(180, 157, 179)

HSL

hsl(303, 13%, 66%)

HSB

hsb(303, 13%, 71%)

CMYK

cmyk(0%, 13%, 1%, 29%)

Oklch

oklch(72.3% 0.041 327.3)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#EBDE70

Fresh Green · Khaki · Sunflower

HEX

#EBDE70

RGB

rgb(235, 222, 112)

HSL

hsl(54, 75%, 68%)

HSB

hsb(54, 52%, 92%)

CMYK

cmyk(0%, 6%, 52%, 8%)

Oklch

oklch(88.9% 0.132 102.6)

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

#B7DA6E

Willow Green · Tan · Apple Green

HEX

#B7DA6E

RGB

rgb(183, 218, 110)

HSL

hsl(79, 59%, 64%)

HSB

hsb(79, 50%, 85%)

CMYK

cmyk(16%, 0%, 50%, 15%)

Oklch

oklch(84.0% 0.141 124.2)

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

#80E1CE

Jade · SkyBlue · Lake Green

HEX

#80E1CE

RGB

rgb(128, 225, 206)

HSL

hsl(168, 62%, 69%)

HSB

hsb(168, 43%, 88%)

CMYK

cmyk(43%, 0%, 8%, 12%)

Oklch

oklch(84.5% 0.096 179.7)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#DEE3D4

Willow Green · LightGray · Mint Green

HEX

#DEE3D4

RGB

rgb(222, 227, 212)

HSL

hsl(80, 21%, 86%)

HSB

hsb(80, 7%, 89%)

CMYK

cmyk(2%, 0%, 7%, 11%)

Oklch

oklch(90.8% 0.021 121.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B49DB3

9DB49E

Analogous

A99DB4

B49DB3

B49DA7

Triadic

B49DB3

B2B49D

9DB2B4

Split-Comp.

B49DB3

A7B49D

9DB4A9

Tetradic

B49DB3

B4A99D

9DB49E

9DA7B4

Contrast Matrix WCAG 2.1 Contrast

B49DB3	EBDE70	B7DA6E	80E1CE	DEE3D4
—	1.8 Fail	1.6 Fail	1.6 Fail	1.9 Fail
1.8 Fail	—	1.1 Fail	1.1 Fail	1.1 Fail
1.6 Fail	1.1 Fail	—	1.0 Fail	1.2 Fail
1.6 Fail	1.1 Fail	1.0 Fail	—	1.2 Fail
1.9 Fail	1.1 Fail	1.2 Fail	1.2 Fail	—

White BG

2.5Fail

1.4Fail

1.6Fail

1.5Fail

1.3Fail

Black BG

8.4AAA

15.2AAA

13.3AAA

13.6AAA

16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAAAAE

E5E58B

C6C688

AAABD3

E0E0D8

Deuteranopia

ABADAC

E6E791

C4C28E

A49DD4

E0DFD8

Tritanopia

B3A9A9

EAA0A4

B99DA1

85D6D7

DEDADB

Achromatopsia

A6A6A6

D5D5D5

C3C3C3

C2C2C2

E0E0E0

Shades & Tints Shades & Tints

#B49DB3

Dark

Light

#EBDE70

Dark

Light

#B7DA6E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b49db3;
  --color-2: #ebde70;
  --color-3: #b7da6e;
  --color-4: #80e1ce;
  --color-5: #dee3d4;
}

SCSS

$color-1: #b49db3;
$color-2: #ebde70;
$color-3: #b7da6e;
$color-4: #80e1ce;
$color-5: #dee3d4;

TAILWIND

colors: {
  'brand-1': '#b49db3',
  'brand-2': '#ebde70',
  'brand-3': '#b7da6e',
  'brand-4': '#80e1ce',
  'brand-5': '#dee3d4',
}

RGB Array

[180, 157, 179], [235, 222, 112], [183, 218, 110], [128, 225, 206], [222, 227, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B49DB3, #EBDE70, #B7DA6E, #80E1CE, #DEE3D4 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: #b49db3; --color-2: #ebde70; --color-3: #b7da6e; --color-4: #80e1ce; --color-5: #dee3d4. 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