← Back to Editor

#A8388E · #9F809F · #99A8AD · #9DC9BA · #C9CABA

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 Library

Color Details Color Details

#A8388E

Rose Purple · MediumVioletRed · Violet

HEX
#A8388E
RGB
rgb(168, 56, 142)
HSL
hsl(314, 50%, 44%)
HSB
hsb(314, 67%, 66%)
CMYK
cmyk(0%, 67%, 15%, 34%)
Oklch
oklch(53.1% 0.175 338.3)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#9F809F

Rose Purple · LightSlateGray · Violet

HEX
#9F809F
RGB
rgb(159, 128, 159)
HSL
hsl(300, 14%, 56%)
HSB
hsb(300, 19%, 62%)
CMYK
cmyk(0%, 19%, 0%, 38%)
Oklch
oklch(63.9% 0.058 326.2)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#99A8AD

Sky Blue · DarkGray · Lake Green

HEX
#99A8AD
RGB
rgb(153, 168, 173)
HSL
hsl(195, 11%, 64%)
HSB
hsb(195, 12%, 68%)
CMYK
cmyk(12%, 3%, 0%, 32%)
Oklch
oklch(72.1% 0.018 219.7)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#9DC9BA

Jade · Silver · Lake Green

HEX
#9DC9BA
RGB
rgb(157, 201, 186)
HSL
hsl(160, 29%, 70%)
HSB
hsb(160, 22%, 79%)
CMYK
cmyk(22%, 0%, 7%, 21%)
Oklch
oklch(80.0% 0.051 172.1)

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

#C9CABA

Fresh Green · Silver · Lemon Cream

HEX
#C9CABA
RGB
rgb(201, 202, 186)
HSL
hsl(64, 13%, 76%)
HSB
hsb(64, 8%, 79%)
CMYK
cmyk(0%, 0%, 8%, 21%)
Oklch
oklch(83.4% 0.022 109.8)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A8388E
38A852

Analogous

8A38A8
A8388E
A83856

Triadic

A8388E
8EA838
388EA8

Split-Comp.

A8388E
56A838
38A88A

Tetradic

A8388E
A88A38
38A852
3856A8

Contrast Matrix WCAG 2.1 Contrast

A8388E
9F809F
99A8AD
9DC9BA
C9CABA
—
1.7
Fail
2.4
Fail
3.2
AA Large
3.5
AA Large
1.7
Fail
—
1.4
Fail
1.9
Fail
2.1
Fail
2.4
Fail
1.4
Fail
—
1.3
Fail
1.5
Fail
3.2
AA Large
1.9
Fail
1.3
Fail
—
1.1
Fail
3.5
AA Large
2.1
Fail
1.5
Fail
1.1
Fail
—
White BG
5.8AA
3.5AA Large
2.5Fail
1.8Fail
1.7Fail
Black BG
3.6AA Large
6.1AA
8.6AAA
11.5AAA
12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

787679
929197
9FA0AC
B0B0BE
C9C9BE

Deuteranopia

7E8674
939696
9F9EAC
AEAABF
C9C9BF

Tritanopia

A26965
9D9290
9AABAB
9FC0C1
C9C1C2

Achromatopsia

636363
8D8D8D
A4A4A4
BABABA
C8C8C8

Shades & Tints Shades & Tints

#A8388E

Dark
Light

#9F809F

Dark
Light

#99A8AD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a8388e;
  --color-2: #9f809f;
  --color-3: #99a8ad;
  --color-4: #9dc9ba;
  --color-5: #c9caba;
}

SCSS

$color-1: #a8388e;
$color-2: #9f809f;
$color-3: #99a8ad;
$color-4: #9dc9ba;
$color-5: #c9caba;

TAILWIND

colors: {
  'brand-1': '#a8388e',
  'brand-2': '#9f809f',
  'brand-3': '#99a8ad',
  'brand-4': '#9dc9ba',
  'brand-5': '#c9caba',
}

RGB Array

[168, 56, 142], [159, 128, 159], [153, 168, 173], [157, 201, 186], [201, 202, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A8388E, #9F809F, #99A8AD, #9DC9BA, #C9CABA is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a8388e; --color-2: #9f809f; --color-3: #99a8ad; --color-4: #9dc9ba; --color-5: #c9caba. 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. Restrained colors convey professionalism and trust. 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