← Back to Editor

#CFB6C1 · #C29DB3 · #A896BA · #8197B0 · #5A97A6

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

#CFB6C1

Rouge · Silver · Cherry Blossom

HEX
#CFB6C1
RGB
rgb(207, 182, 193)
HSL
hsl(334, 21%, 76%)
HSB
hsb(334, 12%, 81%)
CMYK
cmyk(0%, 12%, 7%, 19%)
Oklch
oklch(80.1% 0.032 349.4)

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

#C29DB3

Mauve · DarkGray · Rose Pink

HEX
#C29DB3
RGB
rgb(194, 157, 179)
HSL
hsl(324, 23%, 69%)
HSB
hsb(324, 19%, 76%)
CMYK
cmyk(0%, 19%, 8%, 24%)
Oklch
oklch(73.6% 0.053 342.1)

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

#A896BA

Lilac · DarkGray · Lilac Purple

HEX
#A896BA
RGB
rgb(168, 150, 186)
HSL
hsl(270, 21%, 66%)
HSB
hsb(270, 19%, 73%)
CMYK
cmyk(10%, 19%, 0%, 27%)
Oklch
oklch(70.1% 0.055 307.6)

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

#8197B0

Azure · LightSlateGray · Navy Blue

HEX
#8197B0
RGB
rgb(129, 151, 176)
HSL
hsl(212, 23%, 60%)
HSB
hsb(212, 27%, 69%)
CMYK
cmyk(27%, 14%, 0%, 31%)
Oklch
oklch(66.8% 0.045 251.8)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#5A97A6

Slate Blue · CadetBlue · Mint Ice

HEX
#5A97A6
RGB
rgb(90, 151, 166)
HSL
hsl(192, 30%, 50%)
HSB
hsb(192, 46%, 65%)
CMYK
cmyk(46%, 9%, 0%, 35%)
Oklch
oklch(64.1% 0.067 215.3)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CFB6C1
B5CFC4

Analogous

CFB5CD
CFB6C1
CFB7B5

Triadic

CFB6C1
C0CFB5
B5C0CF

Split-Comp.

CFB6C1
B5CFB7
B5CDCF

Tetradic

CFB6C1
CDCFB5
B5CFC4
B7B5CF

Contrast Matrix WCAG 2.1 Contrast

CFB6C1
C29DB3
A896BA
8197B0
5A97A6
—
1.3
Fail
1.4
Fail
1.6
Fail
1.7
Fail
1.3
Fail
—
1.1
Fail
1.3
Fail
1.4
Fail
1.4
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.6
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.7
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
White BG
1.9Fail
2.4Fail
2.7Fail
3.0AA Large
3.3AA Large
Black BG
11.1AAA
8.8AAA
7.7AAA
7.0AA
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C4BE
B2B2AE
A0A0B1
8B8BAA
7475A2

Deuteranopia

C6C7BE
B4B7AC
A1A3AF
8988A9
716CA2

Tritanopia

CEBCBC
C0A9A9
A7AAA9
82A5A4
5DA09F

Achromatopsia

BFBFBF
ABABAB
9F9F9F
939393
868686

Shades & Tints Shades & Tints

#CFB6C1

Dark
Light

#C29DB3

Dark
Light

#A896BA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cfb6c1;
  --color-2: #c29db3;
  --color-3: #a896ba;
  --color-4: #8197b0;
  --color-5: #5a97a6;
}

SCSS

$color-1: #cfb6c1;
$color-2: #c29db3;
$color-3: #a896ba;
$color-4: #8197b0;
$color-5: #5a97a6;

TAILWIND

colors: {
  'brand-1': '#cfb6c1',
  'brand-2': '#c29db3',
  'brand-3': '#a896ba',
  'brand-4': '#8197b0',
  'brand-5': '#5a97a6',
}

RGB Array

[207, 182, 193], [194, 157, 179], [168, 150, 186], [129, 151, 176], [90, 151, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CFB6C1, #C29DB3, #A896BA, #8197B0, #5A97A6 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: #cfb6c1; --color-2: #c29db3; --color-3: #a896ba; --color-4: #8197b0; --color-5: #5a97a6. 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