#997D8C + #B76890 + #D55494 + #F33F98 + #2D3037 · dark - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#997D8C

Rose Purple · Gray · Rose Pink

HEX

#997D8C

RGB

rgb(153, 125, 140)

HSL

hsl(328, 12%, 55%)

HSB

hsb(328, 18%, 60%)

CMYK

cmyk(0%, 18%, 8%, 40%)

Oklch

oklch(62.1% 0.040 344.9)

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

#B76890

Dark Violet · Gray · Rose Pink

HEX

#B76890

RGB

rgb(183, 104, 144)

HSL

hsl(330, 35%, 56%)

HSB

hsb(330, 43%, 72%)

CMYK

cmyk(0%, 43%, 21%, 28%)

Oklch

oklch(61.8% 0.112 349.2)

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

#D55494

Dark Violet · LightCoral · Rose Pink

HEX

#D55494

RGB

rgb(213, 84, 148)

HSL

hsl(330, 61%, 58%)

HSB

hsb(330, 61%, 84%)

CMYK

cmyk(0%, 61%, 31%, 16%)

Oklch

oklch(63.2% 0.175 352.4)

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

#F33F98

Dark Violet · DeepPink · Rose Pink

HEX

#F33F98

RGB

rgb(243, 63, 152)

HSL

hsl(330, 88%, 60%)

HSB

hsb(330, 74%, 95%)

CMYK

cmyk(0%, 74%, 37%, 5%)

Oklch

oklch(65.9% 0.226 355.3)

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

#2D3037

Indigo · DarkSlateGray · Deep Sea Blue

HEX

#2D3037

RGB

rgb(45, 48, 55)

HSL

hsl(222, 10%, 20%)

HSB

hsb(222, 18%, 22%)

CMYK

cmyk(18%, 13%, 0%, 78%)

Oklch

oklch(30.9% 0.013 267.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

997D8C

7E9A8B

Analogous

997E9A

997D8C

9A7E7F

Triadic

997D8C

8D9A7E

7E8D9A

Split-Comp.

997D8C

7F9A7E

7E9A99

Tetradic

997D8C

9A997E

7E9A8B

7E7F9A

Contrast Matrix WCAG 2.1 Contrast

997D8C	B76890	D55494	F33F98	2D3037
—	1.1 Fail	1.0 Fail	1.1 Fail	3.6 AA Large
1.1 Fail	—	1.0 Fail	1.1 Fail	3.4 AA Large
1.0 Fail	1.0 Fail	—	1.1 Fail	3.5 AA Large
1.1 Fail	1.1 Fail	1.1 Fail	—	3.8 AA Large
3.6 AA Large	3.4 AA Large	3.5 AA Large	3.8 AA Large	—

White BG

3.7AA Large

3.9AA Large

3.8AA Large

3.5AA Large

13.2AAA

Black BG

5.7AA

5.4AA

5.5AA

6.0AA

1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8D88

959486

9D9C85

A5A382

2E2E35

Deuteranopia

8F9188

999F84

A5AE81

B0BD7D

2E2E35

Tritanopia

988685

B37F7D

CF7876

EA716E

2D3434

Achromatopsia

878787

848484

828282

7F7F7F

303030

Shades & Tints Shades & Tints

#997D8C

Dark

Light

#B76890

Dark

Light

#D55494

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #997d8c;
  --color-2: #b76890;
  --color-3: #d55494;
  --color-4: #f33f98;
  --color-5: #2d3037;
}

SCSS

$color-1: #997d8c;
$color-2: #b76890;
$color-3: #d55494;
$color-4: #f33f98;
$color-5: #2d3037;

TAILWIND

colors: {
  'brand-1': '#997d8c',
  'brand-2': '#b76890',
  'brand-3': '#d55494',
  'brand-4': '#f33f98',
  'brand-5': '#2d3037',
}

RGB Array

[153, 125, 140], [183, 104, 144], [213, 84, 148], [243, 63, 152], [45, 48, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #997D8C, #B76890, #D55494, #F33F98, #2D3037 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: #997d8c; --color-2: #b76890; --color-3: #d55494; --color-4: #f33f98; --color-5: #2d3037. 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 dark-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