← Back to Editor

#3D3540 · #CE5C92 · #B9A8C9 · #5FD4CC · #D3E0CB

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#3D3540

Dark Plum · DarkSlateGray · Dark Stone

HEX
#3D3540
RGB
rgb(61, 53, 64)
HSL
hsl(284, 9%, 23%)
HSB
hsb(284, 17%, 25%)
CMYK
cmyk(5%, 17%, 0%, 75%)
Oklch
oklch(34.2% 0.022 316.8)

Traditional「Dark Plum」· Paint「Dark Stone」· Creative Midnight Shadow

#CE5C92

Dark Violet · LightCoral · Rose Pink

HEX
#CE5C92
RGB
rgb(206, 92, 146)
HSL
hsl(332, 54%, 58%)
HSB
hsb(332, 55%, 81%)
CMYK
cmyk(0%, 55%, 29%, 19%)
Oklch
oklch(63.2% 0.155 352.8)

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

#B9A8C9

Lilac · Silver · Lilac Purple

HEX
#B9A8C9
RGB
rgb(185, 168, 201)
HSL
hsl(271, 23%, 72%)
HSB
hsb(271, 16%, 79%)
CMYK
cmyk(8%, 16%, 0%, 21%)
Oklch
oklch(75.7% 0.050 308.4)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#5FD4CC

Mineral Blue · MediumTurquoise · Lake Green

HEX
#5FD4CC
RGB
rgb(95, 212, 204)
HSL
hsl(176, 58%, 60%)
HSB
hsb(176, 55%, 83%)
CMYK
cmyk(55%, 0%, 4%, 17%)
Oklch
oklch(80.1% 0.106 189.2)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#D3E0CB

Celadon · LightGray · Mint Green

HEX
#D3E0CB
RGB
rgb(211, 224, 203)
HSL
hsl(97, 25%, 84%)
HSB
hsb(97, 9%, 88%)
CMYK
cmyk(6%, 0%, 9%, 12%)
Oklch
oklch(89.1% 0.032 133.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3D3540
384035

Analogous

383540
3D3540
40353D

Triadic

3D3540
403D35
35403D

Split-Comp.

3D3540
3D4035
354038

Tetradic

3D3540
403835
384035
353D40

Contrast Matrix WCAG 2.1 Contrast

3D3540
CE5C92
B9A8C9
5FD4CC
D3E0CB
—
3.1
AA Large
5.3
AA
6.6
AA
8.6
AAA
3.1
AA Large
—
1.7
Fail
2.1
Fail
2.7
Fail
5.3
AA
1.7
Fail
—
1.2
Fail
1.6
Fail
6.6
AA
2.1
Fail
1.2
Fail
—
1.3
Fail
8.6
AAA
2.7
Fail
1.6
Fail
1.3
Fail
—
White BG
11.8AAA
3.8AA Large
2.2Fail
1.8Fail
1.4Fail
Black BG
1.8Fail
5.6AA
9.5AAA
11.8AAA
15.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3A393D
9D9C85
B2B1C1
9293CE
D9D9D0

Deuteranopia

3A3B3D
A3AC82
B3B4BF
8B82CE
D8D7D1

Tritanopia

3D3B3B
C87B78
B8BBB9
65CFD0
D4D4D5

Achromatopsia

393939
848484
B1B1B1
B0B0B0
DADADA

Shades & Tints Shades & Tints

#3D3540

Dark
Light

#CE5C92

Dark
Light

#B9A8C9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3d3540;
  --color-2: #ce5c92;
  --color-3: #b9a8c9;
  --color-4: #5fd4cc;
  --color-5: #d3e0cb;
}

SCSS

$color-1: #3d3540;
$color-2: #ce5c92;
$color-3: #b9a8c9;
$color-4: #5fd4cc;
$color-5: #d3e0cb;

TAILWIND

colors: {
  'brand-1': '#3d3540',
  'brand-2': '#ce5c92',
  'brand-3': '#b9a8c9',
  'brand-4': '#5fd4cc',
  'brand-5': '#d3e0cb',
}

RGB Array

[61, 53, 64], [206, 92, 146], [185, 168, 201], [95, 212, 204], [211, 224, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3D3540, #CE5C92, #B9A8C9, #5FD4CC, #D3E0CB is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #3d3540; --color-2: #ce5c92; --color-3: #b9a8c9; --color-4: #5fd4cc; --color-5: #d3e0cb. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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