#A0AFB9 + #5C3C5B + #A43B98 + #D1519B + #FA6487 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A0AFB9

Sky Blue · DarkGray · Cobalt Blue

HEX

#A0AFB9

RGB

rgb(160, 175, 185)

HSL

hsl(204, 15%, 68%)

HSB

hsb(204, 14%, 73%)

CMYK

cmyk(14%, 5%, 0%, 27%)

Oklch

oklch(74.5% 0.022 236.9)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#5C3C5B

Rose Purple · DimGray · Eggplant

HEX

#5C3C5B

RGB

rgb(92, 60, 91)

HSL

hsl(302, 21%, 30%)

HSB

hsb(302, 35%, 36%)

CMYK

cmyk(0%, 35%, 1%, 64%)

Oklch

oklch(40.5% 0.065 327.8)

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

#A43B98

Rose Purple · DarkOrchid · Violet

HEX

#A43B98

RGB

rgb(164, 59, 152)

HSL

hsl(307, 47%, 44%)

HSB

hsb(307, 64%, 64%)

CMYK

cmyk(0%, 64%, 7%, 36%)

Oklch

oklch(53.3% 0.176 332.5)

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

#D1519B

Rose Purple · MediumOrchid · Rose Pink

HEX

#D1519B

RGB

rgb(209, 81, 155)

HSL

hsl(325, 58%, 57%)

HSB

hsb(325, 61%, 82%)

CMYK

cmyk(0%, 61%, 26%, 18%)

Oklch

oklch(62.5% 0.179 347.8)

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

#FA6487

Peach Pink · LightCoral · Coral Red

HEX

#FA6487

RGB

rgb(250, 100, 135)

HSL

hsl(346, 94%, 69%)

HSB

hsb(346, 60%, 98%)

CMYK

cmyk(0%, 60%, 46%, 2%)

Oklch

oklch(70.2% 0.185 8.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A0AFB9

BAABA1

Analogous

A1BAB7

A0AFB9

A1A4BA

Triadic

A0AFB9

BAA1B0

B0BAA1

Split-Comp.

A0AFB9

BAA1A4

BAB7A1

Tetradic

A0AFB9

B7A1BA

BAABA1

A4BAA1

Contrast Matrix WCAG 2.1 Contrast

A0AFB9	5C3C5B	A43B98	D1519B	FA6487
—	4.1 AA Large	2.6 Fail	1.7 Fail	1.3 Fail
4.1 AA Large	—	1.6 Fail	2.4 Fail	3.2 AA Large
2.6 Fail	1.6 Fail	—	1.5 Fail	2.0 Fail
1.7 Fail	2.4 Fail	1.5 Fail	—	1.3 Fail
1.3 Fail	3.2 AA Large	2.0 Fail	1.3 Fail	—

White BG

2.3Fail

9.3AAA

5.7AA

3.9AA Large

2.9Fail

Black BG

9.3AAA

2.3Fail

3.7AA Large

5.4AA

7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A7B7

4E4E53

777681

9A9889

B9B87F

Deuteranopia

A6A5B6

505252

7D857C

A1AB85

C2CD7D

Tritanopia

A1B5B4

5A4E4C

9F706C

CB7B78

F37876

Achromatopsia

ACACAC

494949

656565

808080

959595

Shades & Tints Shades & Tints

#A0AFB9

Dark

Light

#5C3C5B

Dark

Light

#A43B98

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a0afb9;
  --color-2: #5c3c5b;
  --color-3: #a43b98;
  --color-4: #d1519b;
  --color-5: #fa6487;
}

SCSS

$color-1: #a0afb9;
$color-2: #5c3c5b;
$color-3: #a43b98;
$color-4: #d1519b;
$color-5: #fa6487;

TAILWIND

colors: {
  'brand-1': '#a0afb9',
  'brand-2': '#5c3c5b',
  'brand-3': '#a43b98',
  'brand-4': '#d1519b',
  'brand-5': '#fa6487',
}

RGB Array

[160, 175, 185], [92, 60, 91], [164, 59, 152], [209, 81, 155], [250, 100, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A0AFB9, #5C3C5B, #A43B98, #D1519B, #FA6487 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: #a0afb9; --color-2: #5c3c5b; --color-3: #a43b98; --color-4: #d1519b; --color-5: #fa6487. 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