#DC0B8D + #82378A + #76769A + #929A9D + #C5DDA3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DC0B8D

Rose Purple · MediumVioletRed · Camellia

HEX

#DC0B8D

RGB

rgb(220, 11, 141)

HSL

hsl(323, 90%, 45%)

HSB

hsb(323, 95%, 86%)

CMYK

cmyk(0%, 95%, 36%, 14%)

Oklch

oklch(59.0% 0.241 351.6)

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

#82378A

Dark Plum · DarkMagenta · Eggplant

HEX

#82378A

RGB

rgb(130, 55, 138)

HSL

hsl(294, 43%, 38%)

HSB

hsb(294, 60%, 54%)

CMYK

cmyk(6%, 60%, 0%, 46%)

Oklch

oklch(47.2% 0.149 323.7)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#76769A

Deep Indigo · SlateGray · Navy Blue

HEX

#76769A

RGB

rgb(118, 118, 154)

HSL

hsl(240, 15%, 53%)

HSB

hsb(240, 23%, 60%)

CMYK

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

Oklch

oklch(57.9% 0.055 284.6)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#929A9D

Ash · DarkGray · Silver Sand

HEX

#929A9D

RGB

rgb(146, 154, 157)

HSL

hsl(196, 5%, 59%)

HSB

hsb(196, 7%, 62%)

CMYK

cmyk(7%, 2%, 0%, 38%)

Oklch

oklch(68.1% 0.010 222.1)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#C5DDA3

Willow Green · Silver · Apple Green

HEX

#C5DDA3

RGB

rgb(197, 221, 163)

HSL

hsl(85, 46%, 75%)

HSB

hsb(85, 26%, 87%)

CMYK

cmyk(11%, 0%, 26%, 13%)

Oklch

oklch(86.5% 0.081 126.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DC0B8D

0BDA5B

Analogous

C20BDA

DC0B8D

DA0B24

Triadic

DC0B8D

8BDA0B

0B8BDA

Split-Comp.

DC0B8D

24DA0B

0BDAC2

Tetradic

DC0B8D

DAC20B

0BDA5B

0B24DA

Contrast Matrix WCAG 2.1 Contrast

DC0B8D	82378A	76769A	929A9D	C5DDA3
—	1.6 Fail	1.1 Fail	1.6 Fail	3.2 AA Large
1.6 Fail	—	1.7 Fail	2.6 Fail	5.0 AA
1.1 Fail	1.7 Fail	—	1.5 Fail	3.0 Fail
1.6 Fail	2.6 Fail	1.5 Fail	—	1.9 Fail
3.2 AA Large	5.0 AA	3.0 Fail	1.9 Fail	—

White BG

4.7AA

7.3AAA

4.3AA Large

2.9Fail

1.5Fail

Black BG

4.5AA Large

2.9Fail

4.8AA

7.3AAA

14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

82806E

626176

767691

95969C

CFD0B1

Deuteranopia

8E9D66

666C71

76768F

95949C

CECCB4

Tritanopia

D2554F

7E6663

768A89

929C9C

C6BCBF

Achromatopsia

585858

575757

7A7A7A

989898

CFCFCF

Shades & Tints Shades & Tints

#DC0B8D

Dark

Light

#82378A

Dark

Light

#76769A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dc0b8d;
  --color-2: #82378a;
  --color-3: #76769a;
  --color-4: #929a9d;
  --color-5: #c5dda3;
}

SCSS

$color-1: #dc0b8d;
$color-2: #82378a;
$color-3: #76769a;
$color-4: #929a9d;
$color-5: #c5dda3;

TAILWIND

colors: {
  'brand-1': '#dc0b8d',
  'brand-2': '#82378a',
  'brand-3': '#76769a',
  'brand-4': '#929a9d',
  'brand-5': '#c5dda3',
}

RGB Array

[220, 11, 141], [130, 55, 138], [118, 118, 154], [146, 154, 157], [197, 221, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DC0B8D, #82378A, #76769A, #929A9D, #C5DDA3 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: #dc0b8d; --color-2: #82378a; --color-3: #76769a; --color-4: #929a9d; --color-5: #c5dda3. 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