← Back to Editor

#C4ACBA · #C1A5BB · #C5B1B3 · #5B6C98 · #AEC6CA

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C4ACBA

Mauve · Silver · Rose Pink

HEX
#C4ACBA
RGB
rgb(196, 172, 186)
HSL
hsl(325, 17%, 72%)
HSB
hsb(325, 12%, 77%)
CMYK
cmyk(0%, 12%, 5%, 23%)
Oklch
oklch(76.9% 0.034 342.0)

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

#C1A5BB

Mauve · Silver · Lilac Purple

HEX
#C1A5BB
RGB
rgb(193, 165, 187)
HSL
hsl(313, 18%, 70%)
HSB
hsb(313, 15%, 76%)
CMYK
cmyk(0%, 15%, 3%, 24%)
Oklch
oklch(75.3% 0.044 333.4)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#C5B1B3

Peach Pink · Silver · Coral Red

HEX
#C5B1B3
RGB
rgb(197, 177, 179)
HSL
hsl(354, 15%, 73%)
HSB
hsb(354, 10%, 77%)
CMYK
cmyk(0%, 10%, 9%, 23%)
Oklch
oklch(77.8% 0.023 10.8)

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

#5B6C98

Indigo · SlateGray · Navy Blue

HEX
#5B6C98
RGB
rgb(91, 108, 152)
HSL
hsl(223, 25%, 48%)
HSB
hsb(223, 40%, 60%)
CMYK
cmyk(40%, 29%, 0%, 40%)
Oklch
oklch(53.6% 0.072 267.7)

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

#AEC6CA

Sky Blue · LightSteelBlue · Lake Green

HEX
#AEC6CA
RGB
rgb(174, 198, 202)
HSL
hsl(189, 21%, 74%)
HSB
hsb(189, 14%, 79%)
CMYK
cmyk(14%, 2%, 0%, 21%)
Oklch
oklch(81.0% 0.027 208.7)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C4ACBA
ABC4B6

Analogous

C2ABC4
C4ACBA
C4ABAD

Triadic

C4ACBA
BAC4AB
ABBAC4

Split-Comp.

C4ACBA
ADC4AB
ABC4C2

Tetradic

C4ACBA
C4C2AB
ABC4B6
ABADC4

Contrast Matrix WCAG 2.1 Contrast

C4ACBA
C1A5BB
C5B1B3
5B6C98
AEC6CA
—
1.1
Fail
1.0
Fail
2.5
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
2.3
Fail
1.3
Fail
1.0
Fail
1.1
Fail
—
2.6
Fail
1.1
Fail
2.5
Fail
2.3
Fail
2.6
Fail
—
2.9
Fail
1.2
Fail
1.3
Fail
1.1
Fail
2.9
Fail
—
White BG
2.1Fail
2.2Fail
2.0Fail
5.2AA
1.8Fail
Black BG
10.0AAA
9.4AAA
10.3AAA
4.0AA Large
11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BAB9B7
B5B5B6
BCBCB3
62638D
B8B9C9

Deuteranopia

BBBDB6
B7B9B4
BEBFB2
61608B
B7B5C9

Tritanopia

C3B4B3
C0B1B1
C4B2B2
5C8583
AFC8C8

Achromatopsia

B5B5B5
B0B0B0
B7B7B7
6C6C6C
BFBFBF

Shades & Tints Shades & Tints

#C4ACBA

Dark
Light

#C1A5BB

Dark
Light

#C5B1B3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c4acba;
  --color-2: #c1a5bb;
  --color-3: #c5b1b3;
  --color-4: #5b6c98;
  --color-5: #aec6ca;
}

SCSS

$color-1: #c4acba;
$color-2: #c1a5bb;
$color-3: #c5b1b3;
$color-4: #5b6c98;
$color-5: #aec6ca;

TAILWIND

colors: {
  'brand-1': '#c4acba',
  'brand-2': '#c1a5bb',
  'brand-3': '#c5b1b3',
  'brand-4': '#5b6c98',
  'brand-5': '#aec6ca',
}

RGB Array

[196, 172, 186], [193, 165, 187], [197, 177, 179], [91, 108, 152], [174, 198, 202]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C4ACBA, #C1A5BB, #C5B1B3, #5B6C98, #AEC6CA 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 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c4acba; --color-2: #c1a5bb; --color-3: #c5b1b3; --color-4: #5b6c98; --color-5: #aec6ca. 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 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