#BF7295 + #D5918F + #D7869A + #DDACE6 + #F6C297 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BF7295

Dark Violet · LightCoral · Rose Pink

HEX

#BF7295

RGB

rgb(191, 114, 149)

HSL

hsl(333, 38%, 60%)

HSB

hsb(333, 40%, 75%)

CMYK

cmyk(0%, 40%, 22%, 25%)

Oklch

oklch(64.6% 0.106 351.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#D5918F

Peach Pink · DarkSalmon · Coral Red

HEX

#D5918F

RGB

rgb(213, 145, 143)

HSL

hsl(2, 45%, 70%)

HSB

hsb(2, 33%, 84%)

CMYK

cmyk(0%, 32%, 33%, 16%)

Oklch

oklch(72.4% 0.083 21.2)

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

#D7869A

Peach Pink · LightCoral · Coral Red

HEX

#D7869A

RGB

rgb(215, 134, 154)

HSL

hsl(345, 50%, 68%)

HSB

hsb(345, 38%, 84%)

CMYK

cmyk(0%, 38%, 28%, 16%)

Oklch

oklch(71.0% 0.102 4.0)

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

#DDACE6

Lilac · LightGray · Lilac Purple

HEX

#DDACE6

RGB

rgb(221, 172, 230)

HSL

hsl(291, 54%, 79%)

HSB

hsb(291, 25%, 90%)

CMYK

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

Oklch

oklch(80.8% 0.096 321.1)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#F6C297

Apricot · BurlyWood · Peach Orange

HEX

#F6C297

RGB

rgb(246, 194, 151)

HSL

hsl(27, 84%, 78%)

HSB

hsb(27, 39%, 96%)

CMYK

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

Oklch

oklch(85.0% 0.082 61.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BF7295

72C09D

Analogous

C072BC

BF7295

C07672

Triadic

BF7295

95C072

7295C0

Split-Comp.

BF7295

72C076

72BCC0

Tetradic

BF7295

BCC072

72C09D

7672C0

Contrast Matrix WCAG 2.1 Contrast

BF7295	D5918F	D7869A	DDACE6	F6C297
—	1.4 Fail	1.3 Fail	1.8 Fail	2.2 Fail
1.4 Fail	—	1.1 Fail	1.3 Fail	1.6 Fail
1.3 Fail	1.1 Fail	—	1.4 Fail	1.7 Fail
1.8 Fail	1.3 Fail	1.4 Fail	—	1.2 Fail
2.2 Fail	1.6 Fail	1.7 Fail	1.2 Fail	—

White BG

3.5AA Large

2.5Fail

2.7Fail

1.9Fail

1.6Fail

Black BG

6.1AA

8.3AAA

7.8AAA

11.1AAA

13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9D8D

B8B78F

B4B395

C8C7D8

DFDFA1

Deuteranopia

A2A88B

BCC190

B9BF94

CBCED5

E3E6A4

Tritanopia

BB8684

D29090

D39191

DBCDCA

F3AAAB

Achromatopsia

8D8D8D

A5A5A5

A0A0A0

C1C1C1

CDCDCD

Shades & Tints Shades & Tints

#BF7295

Dark

Light

#D5918F

Dark

Light

#D7869A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bf7295;
  --color-2: #d5918f;
  --color-3: #d7869a;
  --color-4: #ddace6;
  --color-5: #f6c297;
}

SCSS

$color-1: #bf7295;
$color-2: #d5918f;
$color-3: #d7869a;
$color-4: #ddace6;
$color-5: #f6c297;

TAILWIND

colors: {
  'brand-1': '#bf7295',
  'brand-2': '#d5918f',
  'brand-3': '#d7869a',
  'brand-4': '#ddace6',
  'brand-5': '#f6c297',
}

RGB Array

[191, 114, 149], [213, 145, 143], [215, 134, 154], [221, 172, 230], [246, 194, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BF7295, #D5918F, #D7869A, #DDACE6, #F6C297 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: #bf7295; --color-2: #d5918f; --color-3: #d7869a; --color-4: #ddace6; --color-5: #f6c297. 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