#BD749F + #D490BF + #D3A5CA + #D9BBB3 + #94C0AF - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BD749F

Rose Purple · DarkGray · Rose Pink

HEX

#BD749F

RGB

rgb(189, 116, 159)

HSL

hsl(325, 36%, 60%)

HSB

hsb(325, 39%, 74%)

CMYK

cmyk(0%, 39%, 16%, 26%)

Oklch

oklch(65.0% 0.107 344.3)

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

#D490BF

Mauve · Orchid · Lilac Purple

HEX

#D490BF

RGB

rgb(212, 144, 191)

HSL

hsl(319, 44%, 70%)

HSB

hsb(319, 32%, 83%)

CMYK

cmyk(0%, 32%, 10%, 17%)

Oklch

oklch(73.5% 0.102 338.7)

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

#D3A5CA

Mauve · Silver · Lilac Purple

HEX

#D3A5CA

RGB

rgb(211, 165, 202)

HSL

hsl(312, 34%, 74%)

HSB

hsb(312, 22%, 83%)

CMYK

cmyk(0%, 22%, 4%, 17%)

Oklch

oklch(77.5% 0.073 333.2)

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

#D9BBB3

Peach Pink · Silver · Coral Red

HEX

#D9BBB3

RGB

rgb(217, 187, 179)

HSL

hsl(13, 33%, 78%)

HSB

hsb(13, 18%, 85%)

CMYK

cmyk(0%, 14%, 18%, 15%)

Oklch

oklch(81.6% 0.036 35.3)

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

#94C0AF

Jade · DarkGray · Apple Green

HEX

#94C0AF

RGB

rgb(148, 192, 175)

HSL

hsl(157, 26%, 67%)

HSB

hsb(157, 23%, 75%)

CMYK

cmyk(23%, 0%, 9%, 25%)

Oklch

oklch(77.1% 0.053 169.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BD749F

74BE93

Analogous

B874BE

BD749F

BE747A

Triadic

BD749F

9FBE74

749FBE

Split-Comp.

BD749F

7ABE74

74BEB8

Tetradic

BD749F

BEB874

74BE93

747ABE

Contrast Matrix WCAG 2.1 Contrast

BD749F	D490BF	D3A5CA	D9BBB3	94C0AF
—	1.4 Fail	1.6 Fail	1.9 Fail	1.7 Fail
1.4 Fail	—	1.2 Fail	1.4 Fail	1.2 Fail
1.6 Fail	1.2 Fail	—	1.2 Fail	1.0 Fail
1.9 Fail	1.4 Fail	1.2 Fail	—	1.1 Fail
1.7 Fail	1.2 Fail	1.0 Fail	1.1 Fail	—

White BG

3.4AA Large

2.5Fail

2.1Fail

1.8Fail

2.0Fail

Black BG

6.2AA

8.5AAA

10.0AAA

11.7AAA

10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9D95

B7B6B4

BFBFC1

CCCCB5

A7A7B3

Deuteranopia

A2A792

BBC0B1

C2C5BF

CED0B5

A5A1B4

Tritanopia

B98C8B

D1ABA9

D1BAB8

D7B6B7

96B6B7

Achromatopsia

8F8F8F

AAAAAA

B7B7B7

C3C3C3

B1B1B1

Shades & Tints Shades & Tints

#BD749F

Dark

Light

#D490BF

Dark

Light

#D3A5CA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bd749f;
  --color-2: #d490bf;
  --color-3: #d3a5ca;
  --color-4: #d9bbb3;
  --color-5: #94c0af;
}

SCSS

$color-1: #bd749f;
$color-2: #d490bf;
$color-3: #d3a5ca;
$color-4: #d9bbb3;
$color-5: #94c0af;

TAILWIND

colors: {
  'brand-1': '#bd749f',
  'brand-2': '#d490bf',
  'brand-3': '#d3a5ca',
  'brand-4': '#d9bbb3',
  'brand-5': '#94c0af',
}

RGB Array

[189, 116, 159], [212, 144, 191], [211, 165, 202], [217, 187, 179], [148, 192, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BD749F, #D490BF, #D3A5CA, #D9BBB3, #94C0AF 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: #bd749f; --color-2: #d490bf; --color-3: #d3a5ca; --color-4: #d9bbb3; --color-5: #94c0af. 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