#C6CBEA + #C7B8E8 + #D29ED4 + #DF7FAE + #EF5975 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C6CBEA

Azure · LightSteelBlue · Sky Blue

HEX

#C6CBEA

RGB

rgb(198, 203, 234)

HSL

hsl(232, 46%, 85%)

HSB

hsb(232, 15%, 92%)

CMYK

cmyk(15%, 13%, 0%, 8%)

Oklch

oklch(84.8% 0.043 278.2)

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

#C7B8E8

Wisteria · LightSteelBlue · Sky Blue

HEX

#C7B8E8

RGB

rgb(199, 184, 232)

HSL

hsl(259, 51%, 82%)

HSB

hsb(259, 21%, 91%)

CMYK

cmyk(14%, 21%, 0%, 9%)

Oklch

oklch(81.1% 0.069 299.2)

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

#D29ED4

Lilac · Silver · Lilac Purple

HEX

#D29ED4

RGB

rgb(210, 158, 212)

HSL

hsl(298, 39%, 73%)

HSB

hsb(298, 25%, 83%)

CMYK

cmyk(1%, 25%, 0%, 17%)

Oklch

oklch(76.5% 0.095 325.2)

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

#DF7FAE

Rouge · Orchid · Rose Pink

HEX

#DF7FAE

RGB

rgb(223, 127, 174)

HSL

hsl(331, 60%, 69%)

HSB

hsb(331, 43%, 87%)

CMYK

cmyk(0%, 43%, 22%, 13%)

Oklch

oklch(71.4% 0.130 350.2)

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

#EF5975

Peach Pink · LightCoral · Coral Red

HEX

#EF5975

RGB

rgb(239, 89, 117)

HSL

hsl(349, 82%, 64%)

HSB

hsb(349, 63%, 94%)

CMYK

cmyk(0%, 63%, 51%, 6%)

Oklch

oklch(66.8% 0.185 12.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6CBEA

EAE6C7

Analogous

C7DDEA

C6CBEA

D4C7EA

Triadic

C6CBEA

EAC7CC

CCEAC7

Split-Comp.

C6CBEA

EAD4C7

DDEAC7

Tetradic

C6CBEA

EAC7DD

EAE6C7

C7EAD4

Contrast Matrix WCAG 2.1 Contrast

C6CBEA	C7B8E8	D29ED4	DF7FAE	EF5975
—	1.1 Fail	1.4 Fail	1.7 Fail	2.1 Fail
1.1 Fail	—	1.2 Fail	1.5 Fail	1.8 Fail
1.4 Fail	1.2 Fail	—	1.2 Fail	1.5 Fail
1.7 Fail	1.5 Fail	1.2 Fail	—	1.2 Fail
2.1 Fail	1.8 Fail	1.5 Fail	1.2 Fail	—

White BG

1.6Fail

1.8Fail

2.2Fail

2.7Fail

3.3AA Large

Black BG

13.1AAA

11.4AAA

9.6AAA

7.8AAA

6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C8E2

C1C0DC

BBBBC7

B5B5A3

AEAD6E

Deuteranopia

C8C8E1

C1C2DA

BFC2C4

BBC2A0

B7C26D

Tritanopia

C6DDDB

C6D3D1

CFBDBA

DA9A98

E76968

Achromatopsia

CDCDCD

C2C2C2

B4B4B4

A1A1A1

898989

Shades & Tints Shades & Tints

#C6CBEA

Dark

Light

#C7B8E8

Dark

Light

#D29ED4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6cbea;
  --color-2: #c7b8e8;
  --color-3: #d29ed4;
  --color-4: #df7fae;
  --color-5: #ef5975;
}

SCSS

$color-1: #c6cbea;
$color-2: #c7b8e8;
$color-3: #d29ed4;
$color-4: #df7fae;
$color-5: #ef5975;

TAILWIND

colors: {
  'brand-1': '#c6cbea',
  'brand-2': '#c7b8e8',
  'brand-3': '#d29ed4',
  'brand-4': '#df7fae',
  'brand-5': '#ef5975',
}

RGB Array

[198, 203, 234], [199, 184, 232], [210, 158, 212], [223, 127, 174], [239, 89, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C6CBEA, #C7B8E8, #D29ED4, #DF7FAE, #EF5975 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: #c6cbea; --color-2: #c7b8e8; --color-3: #d29ed4; --color-4: #df7fae; --color-5: #ef5975. 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