#DA3F6B + #DCE1CD + #AECBB5 + #C7AF89 + #9A9180 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DA3F6B

Dark Violet · MediumVioletRed · Rose Pink

HEX

#DA3F6B

RGB

rgb(218, 63, 107)

HSL

hsl(343, 68%, 55%)

HSB

hsb(343, 71%, 85%)

CMYK

cmyk(0%, 71%, 51%, 15%)

Oklch

oklch(60.5% 0.192 8.2)

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

#DCE1CD

Willow Green · LightGray · Mint Green

HEX

#DCE1CD

RGB

rgb(220, 225, 205)

HSL

hsl(75, 25%, 84%)

HSB

hsb(75, 9%, 88%)

CMYK

cmyk(2%, 0%, 9%, 12%)

Oklch

oklch(90.0% 0.027 118.4)

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

#AECBB5

Celadon · Silver · Apple Green

HEX

#AECBB5

RGB

rgb(174, 203, 181)

HSL

hsl(134, 22%, 74%)

HSB

hsb(134, 14%, 80%)

CMYK

cmyk(14%, 0%, 11%, 20%)

Oklch

oklch(81.4% 0.044 152.6)

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

#C7AF89

Ginger · Tan · Warm Sun

HEX

#C7AF89

RGB

rgb(199, 175, 137)

HSL

hsl(37, 36%, 66%)

HSB

hsb(37, 31%, 78%)

CMYK

cmyk(0%, 12%, 31%, 22%)

Oklch

oklch(76.5% 0.058 79.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#9A9180

Ginger · Gray · Warm Sun

HEX

#9A9180

RGB

rgb(154, 145, 128)

HSL

hsl(39, 11%, 55%)

HSB

hsb(39, 17%, 60%)

CMYK

cmyk(0%, 6%, 17%, 40%)

Oklch

oklch(66.0% 0.027 83.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DA3F6B

3EDAAE

Analogous

DA3EB8

DA3F6B

DA603E

Triadic

DA3F6B

6ADA3E

3E6ADA

Split-Comp.

DA3F6B

3EDA60

3EB8DA

Tetradic

DA3F6B

B8DA3E

3EDAAE

603EDA

Contrast Matrix WCAG 2.1 Contrast

DA3F6B	DCE1CD	AECBB5	C7AF89	9A9180
—	3.2 AA Large	2.4 Fail	2.0 Fail	1.4 Fail
3.2 AA Large	—	1.3 Fail	1.6 Fail	2.3 Fail
2.4 Fail	1.3 Fail	—	1.2 Fail	1.8 Fail
2.0 Fail	1.6 Fail	1.2 Fail	—	1.5 Fail
1.4 Fail	2.3 Fail	1.8 Fail	1.5 Fail	—

White BG

4.3AA Large

1.3Fail

1.7Fail

2.1Fail

3.1AA Large

Black BG

4.9AA

15.7AAA

12.0AAA

9.9AAA

6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

979560

DEDED2

BBBBBA

BDBC92

969684

Deuteranopia

A0AC5E

DEDED3

B9B7BC

BEC094

979785

Tritanopia

D25856

DCD6D7

AFBFBF

C6999B

9A8788

Achromatopsia

727272

DDDDDD

C0C0C0

B2B2B2

929292

Shades & Tints Shades & Tints

#DA3F6B

Dark

Light

#DCE1CD

Dark

Light

#AECBB5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #da3f6b;
  --color-2: #dce1cd;
  --color-3: #aecbb5;
  --color-4: #c7af89;
  --color-5: #9a9180;
}

SCSS

$color-1: #da3f6b;
$color-2: #dce1cd;
$color-3: #aecbb5;
$color-4: #c7af89;
$color-5: #9a9180;

TAILWIND

colors: {
  'brand-1': '#da3f6b',
  'brand-2': '#dce1cd',
  'brand-3': '#aecbb5',
  'brand-4': '#c7af89',
  'brand-5': '#9a9180',
}

RGB Array

[218, 63, 107], [220, 225, 205], [174, 203, 181], [199, 175, 137], [154, 145, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DA3F6B, #DCE1CD, #AECBB5, #C7AF89, #9A9180 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: #da3f6b; --color-2: #dce1cd; --color-3: #aecbb5; --color-4: #c7af89; --color-5: #9a9180. 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