#DC5898 + #D982A8 + #D7ACB9 + #D4D5C9 + #D1FFDA - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DC5898

Dark Violet · LightCoral · Rose Pink

HEX

#DC5898

RGB

rgb(220, 88, 152)

HSL

hsl(331, 65%, 60%)

HSB

hsb(331, 60%, 86%)

CMYK

cmyk(0%, 60%, 31%, 14%)

Oklch

oklch(64.9% 0.177 353.0)

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

#D982A8

Rouge · LightCoral · Rose Pink

HEX

#D982A8

RGB

rgb(217, 130, 168)

HSL

hsl(334, 53%, 68%)

HSB

hsb(334, 40%, 85%)

CMYK

cmyk(0%, 40%, 23%, 15%)

Oklch

oklch(71.0% 0.116 352.8)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#D7ACB9

Rouge · Silver · Cherry Blossom

HEX

#D7ACB9

RGB

rgb(215, 172, 185)

HSL

hsl(342, 35%, 76%)

HSB

hsb(342, 20%, 84%)

CMYK

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

Oklch

oklch(78.7% 0.053 358.4)

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

#D4D5C9

Fresh Green · LightGray · Lemon Cream

HEX

#D4D5C9

RGB

rgb(212, 213, 201)

HSL

hsl(65, 13%, 81%)

HSB

hsb(65, 6%, 84%)

CMYK

cmyk(0%, 0%, 6%, 16%)

Oklch

oklch(86.9% 0.016 110.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#D1FFDA

Emerald · Beige · Mint Green

HEX

#D1FFDA

RGB

rgb(209, 255, 218)

HSL

hsl(132, 100%, 91%)

HSB

hsb(132, 18%, 100%)

CMYK

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

Oklch

oklch(95.8% 0.068 150.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DC5898

57DB9B

Analogous

DB57D9

DC5898

DB5957

Triadic

DC5898

97DB57

5797DB

Split-Comp.

DC5898

57DB59

57D9DB

Tetradic

DC5898

D9DB57

57DB9B

5957DB

Contrast Matrix WCAG 2.1 Contrast

DC5898	D982A8	D7ACB9	D4D5C9	D1FFDA
—	1.3 Fail	1.8 Fail	2.4 Fail	3.2 AA Large
1.3 Fail	—	1.4 Fail	1.8 Fail	2.5 Fail
1.8 Fail	1.4 Fail	—	1.3 Fail	1.8 Fail
2.4 Fail	1.8 Fail	1.3 Fail	—	1.3 Fail
3.2 AA Large	2.5 Fail	1.8 Fail	1.3 Fail	—

White BG

3.6AA Large

2.7Fail

2.0Fail

1.5Fail

1.1Fail

Black BG

5.9AA

7.7AAA

10.5AAA

14.2AAA

19.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A289

B3B39F

C4C4B6

D4D4CC

E5E5E3

Deuteranopia

ABB485

B8BF9D

C7CAB5

D4D4CD

E2DFE5

Tritanopia

D57C7A

D59896

D5B3B3

D4CECF

D3EAEC

Achromatopsia

878787

A0A0A0

BABABA

D3D3D3

EDEDED

Shades & Tints Shades & Tints

#DC5898

Dark

Light

#D982A8

Dark

Light

#D7ACB9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dc5898;
  --color-2: #d982a8;
  --color-3: #d7acb9;
  --color-4: #d4d5c9;
  --color-5: #d1ffda;
}

SCSS

$color-1: #dc5898;
$color-2: #d982a8;
$color-3: #d7acb9;
$color-4: #d4d5c9;
$color-5: #d1ffda;

TAILWIND

colors: {
  'brand-1': '#dc5898',
  'brand-2': '#d982a8',
  'brand-3': '#d7acb9',
  'brand-4': '#d4d5c9',
  'brand-5': '#d1ffda',
}

RGB Array

[220, 88, 152], [217, 130, 168], [215, 172, 185], [212, 213, 201], [209, 255, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DC5898, #D982A8, #D7ACB9, #D4D5C9, #D1FFDA 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: #dc5898; --color-2: #d982a8; --color-3: #d7acb9; --color-4: #d4d5c9; --color-5: #d1ffda. 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