← Back to Editor

#CEC4FF · #C09EDE · #B07D9F · #AB6432 · #9C471C

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 LibraryData Visualization

Color Details Color Details

#CEC4FF

Wisteria · Lavender · Sky Blue

HEX
#CEC4FF
RGB
rgb(206, 196, 255)
HSL
hsl(250, 100%, 88%)
HSB
hsb(250, 23%, 100%)
CMYK
cmyk(19%, 23%, 0%, 0%)
Oklch
oklch(84.8% 0.082 292.3)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#C09EDE

Lilac · LightSteelBlue · Lilac Purple

HEX
#C09EDE
RGB
rgb(192, 158, 222)
HSL
hsl(272, 49%, 75%)
HSB
hsb(272, 29%, 87%)
CMYK
cmyk(14%, 29%, 0%, 13%)
Oklch
oklch(75.2% 0.097 308.4)

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

#B07D9F

Rose Purple · DarkGray · Rose Pink

HEX
#B07D9F
RGB
rgb(176, 125, 159)
HSL
hsl(320, 24%, 59%)
HSB
hsb(320, 29%, 69%)
CMYK
cmyk(0%, 29%, 10%, 31%)
Oklch
oklch(65.1% 0.078 339.5)

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

#AB6432

Tangerine · Sienna · Amber Brown

HEX
#AB6432
RGB
rgb(171, 100, 50)
HSL
hsl(25, 55%, 43%)
HSB
hsb(25, 71%, 67%)
CMYK
cmyk(0%, 42%, 71%, 33%)
Oklch
oklch(57.4% 0.112 53.5)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#9C471C

Tangerine · Sienna · Amber Brown

HEX
#9C471C
RGB
rgb(156, 71, 28)
HSL
hsl(20, 70%, 36%)
HSB
hsb(20, 82%, 61%)
CMYK
cmyk(0%, 54%, 82%, 39%)
Oklch
oklch(50.1% 0.126 44.4)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CEC4FF
F5FFC2

Analogous

C2D6FF
CEC4FF
EBC2FF

Triadic

CEC4FF
FFCCC2
C2FFCC

Split-Comp.

CEC4FF
FFEBC2
D6FFC2

Tetradic

CEC4FF
FFC2D6
F5FFC2
C2FFEB

Contrast Matrix WCAG 2.1 Contrast

CEC4FF
C09EDE
B07D9F
AB6432
9C471C
—
1.4
Fail
2.1
Fail
2.8
Fail
3.9
AA Large
1.4
Fail
—
1.5
Fail
2.0
Fail
2.8
Fail
2.1
Fail
1.5
Fail
—
1.4
Fail
1.9
Fail
2.8
Fail
2.0
Fail
1.4
Fail
—
1.4
Fail
3.9
AA Large
2.8
Fail
1.9
Fail
1.4
Fail
—
White BG
1.6Fail
2.3Fail
3.3AA Large
4.6AA
6.3AA
Black BG
13.0AAA
9.2AAA
6.3AA
4.6AA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CACAF1
B1B1CF
9A9997
8C8C3E
777626

Deuteranopia

CACBED
B3B6CB
9DA195
909641
7C8329

Tritanopia

CEE5E3
BEC2C0
AD908F
A7484A
982F30

Achromatopsia

CECECE
AFAFAF
909090
747474
5C5C5C

Shades & Tints Shades & Tints

#CEC4FF

Dark
Light

#C09EDE

Dark
Light

#B07D9F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cec4ff;
  --color-2: #c09ede;
  --color-3: #b07d9f;
  --color-4: #ab6432;
  --color-5: #9c471c;
}

SCSS

$color-1: #cec4ff;
$color-2: #c09ede;
$color-3: #b07d9f;
$color-4: #ab6432;
$color-5: #9c471c;

TAILWIND

colors: {
  'brand-1': '#cec4ff',
  'brand-2': '#c09ede',
  'brand-3': '#b07d9f',
  'brand-4': '#ab6432',
  'brand-5': '#9c471c',
}

RGB Array

[206, 196, 255], [192, 158, 222], [176, 125, 159], [171, 100, 50], [156, 71, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CEC4FF, #C09EDE, #B07D9F, #AB6432, #9C471C is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #cec4ff; --color-2: #c09ede; --color-3: #b07d9f; --color-4: #ab6432; --color-5: #9c471c. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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