#A697AD + #B593A5 + #C48F9D + #D28A94 + #E1868C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A697AD

Lilac · DarkGray · Lilac Purple

HEX

#A697AD

RGB

rgb(166, 151, 173)

HSL

hsl(281, 12%, 64%)

HSB

hsb(281, 13%, 68%)

CMYK

cmyk(4%, 13%, 0%, 32%)

Oklch

oklch(69.7% 0.036 315.2)

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

#B593A5

Mauve · DarkGray · Rose Pink

HEX

#B593A5

RGB

rgb(181, 147, 165)

HSL

hsl(328, 19%, 64%)

HSB

hsb(328, 19%, 71%)

CMYK

cmyk(0%, 19%, 9%, 29%)

Oklch

oklch(70.0% 0.047 345.3)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#C48F9D

Rouge · DarkGray · Rose Pink

HEX

#C48F9D

RGB

rgb(196, 143, 157)

HSL

hsl(344, 31%, 66%)

HSB

hsb(344, 27%, 77%)

CMYK

cmyk(0%, 27%, 20%, 23%)

Oklch

oklch(70.5% 0.067 1.5)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#D28A94

Peach Pink · DarkSalmon · Coral Red

HEX

#D28A94

RGB

rgb(210, 138, 148)

HSL

hsl(352, 44%, 68%)

HSB

hsb(352, 34%, 82%)

CMYK

cmyk(0%, 34%, 30%, 18%)

Oklch

oklch(70.9% 0.089 10.5)

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

#E1868C

Peach Pink · LightCoral · Coral Red

HEX

#E1868C

RGB

rgb(225, 134, 140)

HSL

hsl(356, 60%, 70%)

HSB

hsb(356, 40%, 88%)

CMYK

cmyk(0%, 40%, 38%, 12%)

Oklch

oklch(71.8% 0.112 16.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A697AD

9FAE98

Analogous

9C98AE

A697AD

AE98AA

Triadic

A697AD

AEA798

98AEA7

Split-Comp.

A697AD

AAAE98

98AE9C

Tetradic

A697AD

AE9C98

9FAE98

98AAAE

Contrast Matrix WCAG 2.1 Contrast

A697AD	B593A5	C48F9D	D28A94	E1868C
—	1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail	—

White BG

2.7Fail

2.6Fail

Black BG

7.7AAA

7.8AAA

8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A09FA8

A6A6A1

ADAD9A

B3B292

BAB98B

Deuteranopia

A0A2A6

A8ABA0

B0B499

B7BC91

BFC68A

Tritanopia

A5A3A3

B39D9C

C19796

CE908F

DC8989

Achromatopsia

9E9E9E

9F9F9F

A0A0A0

A1A1A1

A2A2A2

Shades & Tints Shades & Tints

#A697AD

Dark

Light

#B593A5

Dark

Light

#C48F9D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a697ad;
  --color-2: #b593a5;
  --color-3: #c48f9d;
  --color-4: #d28a94;
  --color-5: #e1868c;
}

SCSS

$color-1: #a697ad;
$color-2: #b593a5;
$color-3: #c48f9d;
$color-4: #d28a94;
$color-5: #e1868c;

TAILWIND

colors: {
  'brand-1': '#a697ad',
  'brand-2': '#b593a5',
  'brand-3': '#c48f9d',
  'brand-4': '#d28a94',
  'brand-5': '#e1868c',
}

RGB Array

[166, 151, 173], [181, 147, 165], [196, 143, 157], [210, 138, 148], [225, 134, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A697AD, #B593A5, #C48F9D, #D28A94, #E1868C 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: #a697ad; --color-2: #b593a5; --color-3: #c48f9d; --color-4: #d28a94; --color-5: #e1868c. 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