#D95B5B + #B45380 + #8F4CA6 + #7E80A2 + #6DB39E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#D95B5B

Vermilion · Tomato · Passion Red

HEX

#D95B5B

RGB

rgb(217, 91, 91)

HSL

hsl(0, 62%, 60%)

HSB

hsb(0, 58%, 85%)

CMYK

cmyk(0%, 58%, 58%, 15%)

Oklch

oklch(63.2% 0.159 22.8)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#B45380

Dark Violet · MediumVioletRed · Rose Pink

HEX

#B45380

RGB

rgb(180, 83, 128)

HSL

hsl(332, 39%, 52%)

HSB

hsb(332, 54%, 71%)

CMYK

cmyk(0%, 54%, 29%, 29%)

Oklch

oklch(57.6% 0.135 353.1)

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

#8F4CA6

Dark Plum · DarkOrchid · Violet

HEX

#8F4CA6

RGB

rgb(143, 76, 166)

HSL

hsl(285, 37%, 47%)

HSB

hsb(285, 54%, 65%)

CMYK

cmyk(14%, 54%, 0%, 35%)

Oklch

oklch(53.4% 0.151 316.8)

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

#7E80A2

Azure · LightSlateGray · Navy Blue

HEX

#7E80A2

RGB

rgb(126, 128, 162)

HSL

hsl(237, 16%, 56%)

HSB

hsb(237, 22%, 64%)

CMYK

cmyk(22%, 21%, 0%, 36%)

Oklch

oklch(61.1% 0.051 282.1)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#6DB39E

Mineral Blue · CadetBlue · Lake Green

HEX

#6DB39E

RGB

rgb(109, 179, 158)

HSL

hsl(162, 32%, 56%)

HSB

hsb(162, 39%, 70%)

CMYK

cmyk(39%, 0%, 12%, 30%)

Oklch

oklch(71.4% 0.078 172.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D95B5B

5AD8D8

Analogous

D85A99

D95B5B

D8995A

Triadic

D95B5B

5AD85A

5A5AD8

Split-Comp.

D95B5B

5AD899

5A99D8

Tetradic

D95B5B

99D85A

5AD8D8

995AD8

Contrast Matrix WCAG 2.1 Contrast

D95B5B	B45380	8F4CA6	7E80A2	6DB39E
—	1.2 Fail	1.5 Fail	1.0 Fail	1.5 Fail
1.2 Fail	—	1.2 Fail	1.2 Fail	1.9 Fail
1.5 Fail	1.2 Fail	—	1.5 Fail	2.3 Fail
1.0 Fail	1.2 Fail	1.5 Fail	—	1.6 Fail
1.5 Fail	1.9 Fail	2.3 Fail	1.6 Fail	—

White BG

3.8AA Large

4.7AA

5.6AA

3.8AA Large

2.4Fail

Black BG

5.6AA

4.5AA Large

3.8AA Large

5.5AA

8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A15B

8A8975

727190

7F7F9A

8B8CA3

Deuteranopia

AAB35B

909773

767B8B

7F7F98

8782A4

Tritanopia

D35B5B

AF6D6B

8C7F7B

7E9392

71A7A8

Achromatopsia

818181

757575

6A6A6A

838383

9C9C9C

Shades & Tints Shades & Tints

#D95B5B

Dark

Light

#B45380

Dark

Light

#8F4CA6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d95b5b;
  --color-2: #b45380;
  --color-3: #8f4ca6;
  --color-4: #7e80a2;
  --color-5: #6db39e;
}

SCSS

$color-1: #d95b5b;
$color-2: #b45380;
$color-3: #8f4ca6;
$color-4: #7e80a2;
$color-5: #6db39e;

TAILWIND

colors: {
  'brand-1': '#d95b5b',
  'brand-2': '#b45380',
  'brand-3': '#8f4ca6',
  'brand-4': '#7e80a2',
  'brand-5': '#6db39e',
}

RGB Array

[217, 91, 91], [180, 83, 128], [143, 76, 166], [126, 128, 162], [109, 179, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D95B5B, #B45380, #8F4CA6, #7E80A2, #6DB39E 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: #d95b5b; --color-2: #b45380; --color-3: #8f4ca6; --color-4: #7e80a2; --color-5: #6db39e. 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