#A55FB0 + #98809C + #809C98 + #69BFB4 + #54EBD7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A55FB0

Dark Plum · MediumOrchid · Violet

HEX

#A55FB0

RGB

rgb(165, 95, 176)

HSL

hsl(292, 34%, 53%)

HSB

hsb(292, 46%, 69%)

CMYK

cmyk(6%, 46%, 0%, 31%)

Oklch

oklch(59.5% 0.141 322.0)

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

#98809C

Dark Plum · LightSlateGray · Violet

HEX

#98809C

RGB

rgb(152, 128, 156)

HSL

hsl(291, 12%, 56%)

HSB

hsb(291, 18%, 61%)

CMYK

cmyk(3%, 18%, 0%, 39%)

Oklch

oklch(63.1% 0.050 321.5)

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

#809C98

Mineral Blue · LightSlateGray · Lake Green

HEX

#809C98

RGB

rgb(128, 156, 152)

HSL

hsl(171, 12%, 56%)

HSB

hsb(171, 18%, 61%)

CMYK

cmyk(18%, 0%, 3%, 39%)

Oklch

oklch(67.0% 0.032 185.9)

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

#69BFB4

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#69BFB4

RGB

rgb(105, 191, 180)

HSL

hsl(172, 40%, 58%)

HSB

hsb(172, 45%, 75%)

CMYK

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

Oklch

oklch(74.7% 0.085 184.9)

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

#54EBD7

Jade · Turquoise · Lake Green

HEX

#54EBD7

RGB

rgb(84, 235, 215)

HSL

hsl(172, 79%, 63%)

HSB

hsb(172, 64%, 92%)

CMYK

cmyk(64%, 0%, 9%, 8%)

Oklch

oklch(85.5% 0.130 182.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A55FB0

69B05E

Analogous

7C5EB0

A55FB0

B05E92

Triadic

A55FB0

B0A55E

5EB0A5

Split-Comp.

A55FB0

92B05E

5EB07C

Tetradic

A55FB0

B07C5E

69B05E

5E92B0

Contrast Matrix WCAG 2.1 Contrast

A55FB0	98809C	809C98	69BFB4	54EBD7
—	1.2 Fail	1.5 Fail	2.0 Fail	2.9 Fail
1.2 Fail	—	1.2 Fail	1.6 Fail	2.4 Fail
1.5 Fail	1.2 Fail	—	1.4 Fail	2.0 Fail
2.0 Fail	1.6 Fail	1.4 Fail	—	1.5 Fail
2.9 Fail	2.4 Fail	2.0 Fail	1.5 Fail	—

White BG

4.3AA Large

3.6AA Large

2.9Fail

2.2Fail

1.5Fail

Black BG

4.9AA

5.9AA

7.1AAA

9.7AAA

14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

87869C

8E8D95

8C8C99

8E8FB7

9597DC

Deuteranopia

8B9098

8F9194

8B8899

8983B7

8D81DD

Tritanopia

A28D8A

97908F

819A9A

6DB9B9

5CE0E1

Achromatopsia

7D7D7D

8A8A8A

939393

A4A4A4

BCBCBC

Shades & Tints Shades & Tints

#A55FB0

Dark

Light

#98809C

Dark

Light

#809C98

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a55fb0;
  --color-2: #98809c;
  --color-3: #809c98;
  --color-4: #69bfb4;
  --color-5: #54ebd7;
}

SCSS

$color-1: #a55fb0;
$color-2: #98809c;
$color-3: #809c98;
$color-4: #69bfb4;
$color-5: #54ebd7;

TAILWIND

colors: {
  'brand-1': '#a55fb0',
  'brand-2': '#98809c',
  'brand-3': '#809c98',
  'brand-4': '#69bfb4',
  'brand-5': '#54ebd7',
}

RGB Array

[165, 95, 176], [152, 128, 156], [128, 156, 152], [105, 191, 180], [84, 235, 215]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A55FB0, #98809C, #809C98, #69BFB4, #54EBD7 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: #a55fb0; --color-2: #98809c; --color-3: #809c98; --color-4: #69bfb4; --color-5: #54ebd7. 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