#B9E625 + #E8BBA7 + #D9B8D4 + #F2B6D3 + #A3C6CF - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B9E625

Grass Green · GreenYellow · Olive Green

HEX

#B9E625

RGB

rgb(185, 230, 37)

HSL

hsl(74, 79%, 52%)

HSB

hsb(74, 84%, 90%)

CMYK

cmyk(20%, 0%, 84%, 10%)

Oklch

oklch(86.2% 0.204 123.1)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#E8BBA7

Apricot · BurlyWood · Peach Orange

HEX

#E8BBA7

RGB

rgb(232, 187, 167)

HSL

hsl(18, 59%, 78%)

HSB

hsb(18, 28%, 91%)

CMYK

cmyk(0%, 19%, 28%, 9%)

Oklch

oklch(82.7% 0.059 45.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#D9B8D4

Mauve · LightGray · Lilac Purple

HEX

#D9B8D4

RGB

rgb(217, 184, 212)

HSL

hsl(309, 30%, 79%)

HSB

hsb(309, 15%, 85%)

CMYK

cmyk(0%, 15%, 2%, 15%)

Oklch

oklch(82.0% 0.053 331.1)

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

#F2B6D3

Rouge · Pink · Cherry Blossom

HEX

#F2B6D3

RGB

rgb(242, 182, 211)

HSL

hsl(331, 70%, 83%)

HSB

hsb(331, 25%, 95%)

CMYK

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

Oklch

oklch(83.9% 0.078 348.4)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#A3C6CF

Sky Blue · LightSteelBlue · Lake Green

HEX

#A3C6CF

RGB

rgb(163, 198, 207)

HSL

hsl(192, 31%, 73%)

HSB

hsb(192, 21%, 81%)

CMYK

cmyk(21%, 4%, 0%, 19%)

Oklch

oklch(80.4% 0.039 215.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B9E625

5124E5

Analogous

E5B224

B9E625

57E524

Triadic

B9E625

24B8E5

E524B8

Split-Comp.

B9E625

2457E5

B224E5

Tetradic

B9E625

24E5B2

5124E5

E52457

Contrast Matrix WCAG 2.1 Contrast

B9E625	E8BBA7	D9B8D4	F2B6D3	A3C6CF
—	1.2 Fail	1.2 Fail	1.2 Fail	1.2 Fail
1.2 Fail	—	1.0 Fail	1.0 Fail	1.0 Fail
1.2 Fail	1.0 Fail	—	1.1 Fail	1.0 Fail
1.2 Fail	1.0 Fail	1.1 Fail	—	1.1 Fail
1.2 Fail	1.0 Fail	1.0 Fail	1.1 Fail	—

White BG

1.5Fail

1.7Fail

1.8Fail

1.7Fail

1.8Fail

Black BG

14.4AAA

12.1AAA

11.8AAA

12.4AAA

11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCD54

D5D4AC

CBCACD

D8D7CC

B2B2CD

Deuteranopia

CAC75F

D7DAAD

CDCFCC

DCE0CA

B0AECC

Tritanopia

BB7981

E6B0B1

D7C8C7

EFC6C5

A5CBCB

Achromatopsia

C3C3C3

C6C6C6

C5C5C5

CBCBCB

BDBDBD

Shades & Tints Shades & Tints

#B9E625

Dark

Light

#E8BBA7

Dark

Light

#D9B8D4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b9e625;
  --color-2: #e8bba7;
  --color-3: #d9b8d4;
  --color-4: #f2b6d3;
  --color-5: #a3c6cf;
}

SCSS

$color-1: #b9e625;
$color-2: #e8bba7;
$color-3: #d9b8d4;
$color-4: #f2b6d3;
$color-5: #a3c6cf;

TAILWIND

colors: {
  'brand-1': '#b9e625',
  'brand-2': '#e8bba7',
  'brand-3': '#d9b8d4',
  'brand-4': '#f2b6d3',
  'brand-5': '#a3c6cf',
}

RGB Array

[185, 230, 37], [232, 187, 167], [217, 184, 212], [242, 182, 211], [163, 198, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B9E625, #E8BBA7, #D9B8D4, #F2B6D3, #A3C6CF 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: #b9e625; --color-2: #e8bba7; --color-3: #d9b8d4; --color-4: #f2b6d3; --color-5: #a3c6cf. 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