← Back to Editor

#9B5877 · #AF7D9A · #D0B2B4 · #D5C6BF

A 4-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#9B5877

Dark Violet · Gray · Camellia

HEX
#9B5877
RGB
rgb(155, 88, 119)
HSL
hsl(332, 28%, 48%)
HSB
hsb(332, 43%, 61%)
CMYK
cmyk(0%, 43%, 23%, 39%)
Oklch
oklch(54.7% 0.096 351.6)

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

#AF7D9A

Rose Purple · DarkGray · Rose Pink

HEX
#AF7D9A
RGB
rgb(175, 125, 154)
HSL
hsl(325, 24%, 59%)
HSB
hsb(325, 29%, 69%)
CMYK
cmyk(0%, 29%, 12%, 31%)
Oklch
oklch(64.9% 0.073 343.6)

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

#D0B2B4

Peach Pink · Silver · Coral Red

HEX
#D0B2B4
RGB
rgb(208, 178, 180)
HSL
hsl(356, 24%, 76%)
HSB
hsb(356, 14%, 82%)
CMYK
cmyk(0%, 14%, 13%, 18%)
Oklch
oklch(79.0% 0.035 13.4)

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

#D5C6BF

Apricot · Silver · Peach Orange

HEX
#D5C6BF
RGB
rgb(213, 198, 191)
HSL
hsl(19, 21%, 79%)
HSB
hsb(19, 10%, 84%)
CMYK
cmyk(0%, 7%, 10%, 16%)
Oklch
oklch(83.7% 0.020 46.8)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9B5877
589D7D

Analogous

9D589A
9B5877
9D5A58

Triadic

9B5877
789D58
58789D

Split-Comp.

9B5877
589D5A
589A9D

Tetradic

9B5877
9A9D58
589D7D
5A589D

Contrast Matrix WCAG 2.1 Contrast

9B5877
AF7D9A
D0B2B4
D5C6BF
—
1.5
Fail
2.6
Fail
3.1
AA Large
1.5
Fail
—
1.7
Fail
2.0
Fail
2.6
Fail
1.7
Fail
—
1.2
Fail
3.1
AA Large
2.0
Fail
1.2
Fail
—
White BG
5.2AA
3.4AA Large
2.0Fail
1.7Fail
Black BG
4.1AA Large
6.2AA
10.7AAA
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7E7D6F
999993
C3C3B4
CFCEC1

Deuteranopia

82876E
9CA091
C5C7B3
CFD1C1

Tritanopia

986A68
AD8D8C
CFB3B3
D4C2C2

Achromatopsia

707070
8F8F8F
BBBBBB
CACACA

Shades & Tints Shades & Tints

#9B5877

Dark
Light

#AF7D9A

Dark
Light

#D0B2B4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9b5877;
  --color-2: #af7d9a;
  --color-3: #d0b2b4;
  --color-4: #d5c6bf;
}

SCSS

$color-1: #9b5877;
$color-2: #af7d9a;
$color-3: #d0b2b4;
$color-4: #d5c6bf;

TAILWIND

colors: {
  'brand-1': '#9b5877',
  'brand-2': '#af7d9a',
  'brand-3': '#d0b2b4',
  'brand-4': '#d5c6bf',
}

RGB Array

[155, 88, 119], [175, 125, 154], [208, 178, 180], [213, 198, 191]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This general-style palette of #9B5877, #AF7D9A, #D0B2B4, #D5C6BF is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #9b5877; --color-2: #af7d9a; --color-3: #d0b2b4; --color-4: #d5c6bf. 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 4-color scheme is especially suited for beauty, lifestyle, arts 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