#5C4D75 + #726190 + #937FB5 + #AC94D6 + #BEA4EB · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#5C4D75

Deep Indigo · DimGray · Eggplant

HEX

#5C4D75

RGB

rgb(92, 77, 117)

HSL

hsl(263, 21%, 38%)

HSB

hsb(263, 34%, 46%)

CMYK

cmyk(21%, 34%, 0%, 54%)

Oklch

oklch(45.2% 0.066 301.0)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#726190

Deep Indigo · SlateGray · Violet

HEX

#726190

RGB

rgb(114, 97, 144)

HSL

hsl(262, 20%, 47%)

HSB

hsb(262, 33%, 56%)

CMYK

cmyk(21%, 33%, 0%, 44%)

Oklch

oklch(52.8% 0.075 300.5)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#937FB5

Deep Indigo · LightSlateGray · Violet

HEX

#937FB5

RGB

rgb(147, 127, 181)

HSL

hsl(262, 27%, 60%)

HSB

hsb(262, 30%, 71%)

CMYK

cmyk(19%, 30%, 0%, 29%)

Oklch

oklch(63.5% 0.082 301.1)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#AC94D6

Wisteria · LightSteelBlue · Lilac Purple

HEX

#AC94D6

RGB

rgb(172, 148, 214)

HSL

hsl(262, 45%, 71%)

HSB

hsb(262, 31%, 84%)

CMYK

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

Oklch

oklch(71.2% 0.098 300.6)

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

#BEA4EB

Wisteria · LightSteelBlue · Lilac Purple

HEX

#BEA4EB

RGB

rgb(190, 164, 235)

HSL

hsl(262, 64%, 78%)

HSB

hsb(262, 30%, 92%)

CMYK

cmyk(19%, 30%, 0%, 8%)

Oklch

oklch(76.7% 0.103 300.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5C4D75

66754D

Analogous

4D5175

5C4D75

714D75

Triadic

5C4D75

755C4D

4D755C

Split-Comp.

5C4D75

75714D

51754D

Tetradic

5C4D75

754D51

66754D

4D7571

Contrast Matrix WCAG 2.1 Contrast

5C4D75	726190	937FB5	AC94D6	BEA4EB
—	1.4 Fail	2.1 Fail	2.9 Fail	3.5 AA Large
1.4 Fail	—	1.6 Fail	2.1 Fail	2.5 Fail
2.1 Fail	1.6 Fail	—	1.3 Fail	1.6 Fail
2.9 Fail	2.1 Fail	1.3 Fail	—	1.2 Fail
3.5 AA Large	2.5 Fail	1.6 Fail	1.2 Fail	—

White BG

7.6AAA

5.5AA

3.5AA Large

2.6Fail

2.2Fail

Black BG

2.8Fail

3.8AA Large

5.9AA

8.0AAA

9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

56556B

6B6A85

8A8AA8

A2A1C6

B3B3DA

Deuteranopia

565769

6C6D82

8C8DA5

A3A5C2

B4B6D6

Tritanopia

5B6462

717C7A

929E9B

ABB9B7

BDCCC9

Achromatopsia

565656

6B6B6B

8B8B8B

A3A3A3

B4B4B4

Shades & Tints Shades & Tints

#5C4D75

Dark

Light

#726190

Dark

Light

#937FB5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5c4d75;
  --color-2: #726190;
  --color-3: #937fb5;
  --color-4: #ac94d6;
  --color-5: #bea4eb;
}

SCSS

$color-1: #5c4d75;
$color-2: #726190;
$color-3: #937fb5;
$color-4: #ac94d6;
$color-5: #bea4eb;

TAILWIND

colors: {
  'brand-1': '#5c4d75',
  'brand-2': '#726190',
  'brand-3': '#937fb5',
  'brand-4': '#ac94d6',
  'brand-5': '#bea4eb',
}

RGB Array

[92, 77, 117], [114, 97, 144], [147, 127, 181], [172, 148, 214], [190, 164, 235]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #5C4D75, #726190, #937FB5, #AC94D6, #BEA4EB 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: #5c4d75; --color-2: #726190; --color-3: #937fb5; --color-4: #ac94d6; --color-5: #bea4eb. 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 pastel-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