#9F5EC4 + #C85FD8 + #BFA4B3 + #ADC0B0 + #98CFC8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#9F5EC4

Dark Plum · MediumOrchid · Violet

HEX

#9F5EC4

RGB

rgb(159, 94, 196)

HSL

hsl(278, 46%, 57%)

HSB

hsb(278, 52%, 77%)

CMYK

cmyk(19%, 52%, 0%, 23%)

Oklch

oklch(59.7% 0.162 311.9)

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

#C85FD8

Lilac · MediumOrchid · Lilac Purple

HEX

#C85FD8

RGB

rgb(200, 95, 216)

HSL

hsl(292, 61%, 61%)

HSB

hsb(292, 56%, 85%)

CMYK

cmyk(7%, 56%, 0%, 15%)

Oklch

oklch(65.8% 0.199 322.2)

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

#BFA4B3

Mauve · DarkGray · Rose Pink

HEX

#BFA4B3

RGB

rgb(191, 164, 179)

HSL

hsl(327, 17%, 70%)

HSB

hsb(327, 14%, 75%)

CMYK

cmyk(0%, 14%, 6%, 25%)

Oklch

oklch(74.7% 0.038 343.5)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#ADC0B0

Celadon · DarkGray · Apple Green

HEX

#ADC0B0

RGB

rgb(173, 192, 176)

HSL

hsl(129, 13%, 72%)

HSB

hsb(129, 10%, 75%)

CMYK

cmyk(10%, 0%, 8%, 25%)

Oklch

oklch(78.9% 0.031 150.0)

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

#98CFC8

Jade · LightSteelBlue · Lake Green

HEX

#98CFC8

RGB

rgb(152, 207, 200)

HSL

hsl(172, 36%, 70%)

HSB

hsb(172, 27%, 81%)

CMYK

cmyk(27%, 0%, 3%, 19%)

Oklch

oklch(81.4% 0.058 186.3)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9F5EC4

84C45F

Analogous

6C5FC4

9F5EC4

C45FB6

Triadic

9F5EC4

C49F5F

5FC49F

Split-Comp.

9F5EC4

B6C45F

5FC46C

Tetradic

9F5EC4

C46C5F

84C45F

5FB6C4

Contrast Matrix WCAG 2.1 Contrast

9F5EC4	C85FD8	BFA4B3	ADC0B0	98CFC8
—	1.2 Fail	1.9 Fail	2.2 Fail	2.5 Fail
1.2 Fail	—	1.5 Fail	1.8 Fail	2.0 Fail
1.9 Fail	1.5 Fail	—	1.2 Fail	1.3 Fail
2.2 Fail	1.8 Fail	1.2 Fail	—	1.1 Fail
2.5 Fail	2.0 Fail	1.3 Fail	1.1 Fail	—

White BG

4.3AA Large

3.5AA Large

2.3Fail

1.9Fail

1.7Fail

Black BG

4.9AA

6.1AA

9.2AAA

10.9AAA

12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8382AB

9B9ABB

B3B3AF

B5B5B4

B0B0CA

Deuteranopia

878CA5

A1A9B4

B5B7AF

B4B3B5

ADA9CA

Tritanopia

9C9894

C3A49F

BEADAC

AEB7B8

9BCBCB

Achromatopsia

7D7D7D

8C8C8C

AEAEAE

B8B8B8

BEBEBE

Shades & Tints Shades & Tints

#9F5EC4

Dark

Light

#C85FD8

Dark

Light

#BFA4B3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9f5ec4;
  --color-2: #c85fd8;
  --color-3: #bfa4b3;
  --color-4: #adc0b0;
  --color-5: #98cfc8;
}

SCSS

$color-1: #9f5ec4;
$color-2: #c85fd8;
$color-3: #bfa4b3;
$color-4: #adc0b0;
$color-5: #98cfc8;

TAILWIND

colors: {
  'brand-1': '#9f5ec4',
  'brand-2': '#c85fd8',
  'brand-3': '#bfa4b3',
  'brand-4': '#adc0b0',
  'brand-5': '#98cfc8',
}

RGB Array

[159, 94, 196], [200, 95, 216], [191, 164, 179], [173, 192, 176], [152, 207, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9F5EC4, #C85FD8, #BFA4B3, #ADC0B0, #98CFC8 is ideal for: health products, baby brands, fresh-style blogs. 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: #9f5ec4; --color-2: #c85fd8; --color-3: #bfa4b3; --color-4: #adc0b0; --color-5: #98cfc8. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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