#9C5472 + #A8799E + #B59FCB + #C1C4F7 + #F7F4C1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#9C5472

Dark Violet · Gray · Camellia

HEX

#9C5472

RGB

rgb(156, 84, 114)

HSL

hsl(335, 30%, 47%)

HSB

hsb(335, 46%, 61%)

CMYK

cmyk(0%, 46%, 27%, 39%)

Oklch

oklch(54.0% 0.102 354.6)

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

#A8799E

Rose Purple · DarkGray · Violet

HEX

#A8799E

RGB

rgb(168, 121, 158)

HSL

hsl(313, 21%, 57%)

HSB

hsb(313, 28%, 66%)

CMYK

cmyk(0%, 28%, 6%, 34%)

Oklch

oklch(63.5% 0.077 334.2)

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

#B59FCB

Lilac · Silver · Lilac Purple

HEX

#B59FCB

RGB

rgb(181, 159, 203)

HSL

hsl(270, 30%, 71%)

HSB

hsb(270, 22%, 80%)

CMYK

cmyk(11%, 22%, 0%, 20%)

Oklch

oklch(73.7% 0.067 307.5)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#C1C4F7

Azure · LightSteelBlue · Sky Blue

HEX

#C1C4F7

RGB

rgb(193, 196, 247)

HSL

hsl(237, 77%, 86%)

HSB

hsb(237, 22%, 97%)

CMYK

cmyk(22%, 21%, 0%, 3%)

Oklch

oklch(83.5% 0.071 282.1)

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

#F7F4C1

Fresh Green · Bisque · Lemon Cream

HEX

#F7F4C1

RGB

rgb(247, 244, 193)

HSL

hsl(57, 77%, 86%)

HSB

hsb(57, 22%, 97%)

CMYK

cmyk(0%, 1%, 22%, 3%)

Oklch

oklch(95.7% 0.066 104.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9C5472

549C7E

Analogous

9C5496

9C5472

9C5A54

Triadic

9C5472

729C54

54729C

Split-Comp.

9C5472

549C5A

54969C

Tetradic

9C5472

969C54

549C7E

5A549C

Contrast Matrix WCAG 2.1 Contrast

9C5472	A8799E	B59FCB	C1C4F7	F7F4C1
—	1.5 Fail	2.2 Fail	3.2 AA Large	4.8 AA
1.5 Fail	—	1.5 Fail	2.1 Fail	3.2 AA Large
2.2 Fail	1.5 Fail	—	1.4 Fail	2.1 Fail
3.2 AA Large	2.1 Fail	1.4 Fail	—	1.5 Fail
4.8 AA	3.2 AA Large	2.1 Fail	1.5 Fail	—

White BG

5.4AA

3.6AA Large

2.4Fail

1.7Fail

1.1Fail

Black BG

3.9AA Large

5.9AA

8.8AAA

12.5AAA

18.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7D7C6B

949395

ABABC0

C2C2EB

F6F6CD

Deuteranopia

818669

969A93

ADAEBE

C2C2E8

F6F6D0

Tritanopia

986564

A68E8C

B4B8B6

C1E1DF

F7D7D9

Achromatopsia

6D6D6D

8B8B8B

ABABAB

C9C9C9

EFEFEF

Shades & Tints Shades & Tints

#9C5472

Dark

Light

#A8799E

Dark

Light

#B59FCB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9c5472;
  --color-2: #a8799e;
  --color-3: #b59fcb;
  --color-4: #c1c4f7;
  --color-5: #f7f4c1;
}

SCSS

$color-1: #9c5472;
$color-2: #a8799e;
$color-3: #b59fcb;
$color-4: #c1c4f7;
$color-5: #f7f4c1;

TAILWIND

colors: {
  'brand-1': '#9c5472',
  'brand-2': '#a8799e',
  'brand-3': '#b59fcb',
  'brand-4': '#c1c4f7',
  'brand-5': '#f7f4c1',
}

RGB Array

[156, 84, 114], [168, 121, 158], [181, 159, 203], [193, 196, 247], [247, 244, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9C5472, #A8799E, #B59FCB, #C1C4F7, #F7F4C1 is ideal for: health products, baby brands, fresh-style blogs. 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: #9c5472; --color-2: #a8799e; --color-3: #b59fcb; --color-4: #c1c4f7; --color-5: #f7f4c1. 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 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