#B7BF9B + #DEBF9D + #DE9E90 + #C76F74 + #AB415B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#B7BF9B

Willow Green · DarkGray · Apple Green

HEX

#B7BF9B

RGB

rgb(183, 191, 155)

HSL

hsl(73, 22%, 68%)

HSB

hsb(73, 19%, 75%)

CMYK

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

Oklch

oklch(78.9% 0.050 117.7)

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

#DEBF9D

Goose Yellow · BurlyWood · Warm Sun

HEX

#DEBF9D

RGB

rgb(222, 191, 157)

HSL

hsl(31, 50%, 74%)

HSB

hsb(31, 29%, 87%)

CMYK

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

Oklch

oklch(82.3% 0.058 69.5)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#DE9E90

Peach Pink · Tan · Coral Red

HEX

#DE9E90

RGB

rgb(222, 158, 144)

HSL

hsl(11, 54%, 72%)

HSB

hsb(11, 35%, 87%)

CMYK

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

Oklch

oklch(75.7% 0.080 32.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#C76F74

Peach Pink · LightCoral · Coral Red

HEX

#C76F74

RGB

rgb(199, 111, 116)

HSL

hsl(357, 44%, 61%)

HSB

hsb(357, 44%, 78%)

CMYK

cmyk(0%, 44%, 42%, 22%)

Oklch

oklch(64.2% 0.111 17.1)

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

#AB415B

Crimson · Sienna · Passion Red

HEX

#AB415B

RGB

rgb(171, 65, 91)

HSL

hsl(345, 45%, 46%)

HSB

hsb(345, 62%, 67%)

CMYK

cmyk(0%, 62%, 47%, 33%)

Oklch

oklch(52.7% 0.140 8.2)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B7BF9B

A39BBF

Analogous

BFB59B

B7BF9B

A6BF9B

Triadic

B7BF9B

9BB8BF

BF9BB8

Split-Comp.

B7BF9B

9BA6BF

B59BBF

Tetradic

B7BF9B

9BBFB5

A39BBF

BF9BA6

Contrast Matrix WCAG 2.1 Contrast

B7BF9B	DEBF9D	DE9E90	C76F74	AB415B
—	1.1 Fail	1.2 Fail	1.8 Fail	3.0 AA Large
1.1 Fail	—	1.3 Fail	2.0 Fail	3.3 AA Large
1.2 Fail	1.3 Fail	—	1.6 Fail	2.6 Fail
1.8 Fail	2.0 Fail	1.6 Fail	—	1.6 Fail
3.0 AA Large	3.3 AA Large	2.6 Fail	1.6 Fail	—

White BG

1.9Fail

1.7Fail

2.2Fail

3.5AA Large

5.8AA

Black BG

10.9AAA

12.0AAA

9.4AAA

6.0AA

3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABBA4

D1D0A5

C2C293

A1A073

7D7C55

Deuteranopia

BAB9A6

D2D5A7

C6CB94

A6AD72

838B53

Tritanopia

B7ABAC

DCACAD

DB9697

C37272

A6504F

Achromatopsia

B9B9B9

C4C4C4

B0B0B0

8A8A8A

646464

Shades & Tints Shades & Tints

#B7BF9B

Dark

Light

#DEBF9D

Dark

Light

#DE9E90

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b7bf9b;
  --color-2: #debf9d;
  --color-3: #de9e90;
  --color-4: #c76f74;
  --color-5: #ab415b;
}

SCSS

$color-1: #b7bf9b;
$color-2: #debf9d;
$color-3: #de9e90;
$color-4: #c76f74;
$color-5: #ab415b;

TAILWIND

colors: {
  'brand-1': '#b7bf9b',
  'brand-2': '#debf9d',
  'brand-3': '#de9e90',
  'brand-4': '#c76f74',
  'brand-5': '#ab415b',
}

RGB Array

[183, 191, 155], [222, 191, 157], [222, 158, 144], [199, 111, 116], [171, 65, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B7BF9B, #DEBF9D, #DE9E90, #C76F74, #AB415B 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: #b7bf9b; --color-2: #debf9d; --color-3: #de9e90; --color-4: #c76f74; --color-5: #ab415b. 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