← Back to Editor

#A92731 · #AF6878 · #9B9EAC · #B5ABB3 · #D1C0CB

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

#A92731

Vermilion · Brown · Passion Red

HEX
#A92731
RGB
rgb(169, 39, 49)
HSL
hsl(355, 63%, 41%)
HSB
hsb(355, 77%, 66%)
CMYK
cmyk(0%, 77%, 71%, 34%)
Oklch
oklch(48.6% 0.166 22.2)

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

#AF6878

Crimson · Gray · Passion Red

HEX
#AF6878
RGB
rgb(175, 104, 120)
HSL
hsl(346, 31%, 55%)
HSB
hsb(346, 41%, 69%)
CMYK
cmyk(0%, 41%, 31%, 31%)
Oklch
oklch(60.0% 0.093 5.7)

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

#9B9EAC

Azure · DarkGray · Silver Sand

HEX
#9B9EAC
RGB
rgb(155, 158, 172)
HSL
hsl(229, 9%, 64%)
HSB
hsb(229, 10%, 67%)
CMYK
cmyk(10%, 8%, 0%, 33%)
Oklch
oklch(70.1% 0.021 276.2)

Traditional「Azure」· Paint「Silver Sand」· Creative Urban Concrete

#B5ABB3

Ash · DarkGray · Silver Sand

HEX
#B5ABB3
RGB
rgb(181, 171, 179)
HSL
hsl(312, 6%, 69%)
HSB
hsb(312, 6%, 71%)
CMYK
cmyk(0%, 6%, 1%, 29%)
Oklch
oklch(75.2% 0.016 332.3)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#D1C0CB

Mauve · Silver · Cherry Blossom

HEX
#D1C0CB
RGB
rgb(209, 192, 203)
HSL
hsl(321, 16%, 79%)
HSB
hsb(321, 8%, 82%)
CMYK
cmyk(0%, 8%, 3%, 18%)
Oklch
oklch(82.5% 0.024 338.7)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A92731
27AA9F

Analogous

AA2774
A92731
AA5E27

Triadic

A92731
32AA27
2732AA

Split-Comp.

A92731
27AA5E
2774AA

Tetradic

A92731
74AA27
27AA9F
5E27AA

Contrast Matrix WCAG 2.1 Contrast

A92731
AF6878
9B9EAC
B5ABB3
D1C0CB
—
1.7
Fail
2.6
Fail
3.1
AA Large
4.0
AA Large
1.7
Fail
—
1.6
Fail
1.9
Fail
2.4
Fail
2.6
Fail
1.6
Fail
—
1.2
Fail
1.5
Fail
3.1
AA Large
1.9
Fail
1.2
Fail
—
1.3
Fail
4.0
AA Large
2.4
Fail
1.5
Fail
1.3
Fail
—
White BG
7.0AA
4.1AA Large
2.7Fail
2.2Fail
1.7Fail
Black BG
3.0AA Large
5.1AA
7.9AAA
9.4AAA
12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

71702F
909074
9C9CA9
B1B1B1
CAC9C8

Deuteranopia

78822E
949A73
9C9CA8
B1B2B1
CBCCC8

Tritanopia

A22D2C
AB7170
9BA6A5
B5B0AF
D0C6C6

Achromatopsia

4F4F4F
7F7F7F
9F9F9F
AFAFAF
C6C6C6

Shades & Tints Shades & Tints

#A92731

Dark
Light

#AF6878

Dark
Light

#9B9EAC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a92731;
  --color-2: #af6878;
  --color-3: #9b9eac;
  --color-4: #b5abb3;
  --color-5: #d1c0cb;
}

SCSS

$color-1: #a92731;
$color-2: #af6878;
$color-3: #9b9eac;
$color-4: #b5abb3;
$color-5: #d1c0cb;

TAILWIND

colors: {
  'brand-1': '#a92731',
  'brand-2': '#af6878',
  'brand-3': '#9b9eac',
  'brand-4': '#b5abb3',
  'brand-5': '#d1c0cb',
}

RGB Array

[169, 39, 49], [175, 104, 120], [155, 158, 172], [181, 171, 179], [209, 192, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A92731, #AF6878, #9B9EAC, #B5ABB3, #D1C0CB 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: #a92731; --color-2: #af6878; --color-3: #9b9eac; --color-4: #b5abb3; --color-5: #d1c0cb. 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