← Back to Editor

#6A6474 · #C08BAE · #C6B7C9 · #C9CED6 · #CCE4E4

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

WorkspaceReadingData Visualization

Color Details Color Details

#6A6474

Ink Gray · DimGray · Warm Gray

HEX
#6A6474
RGB
rgb(106, 100, 116)
HSL
hsl(263, 7%, 42%)
HSB
hsb(263, 14%, 45%)
CMYK
cmyk(9%, 14%, 0%, 55%)
Oklch
oklch(51.4% 0.026 302.5)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#C08BAE

Mauve · DarkGray · Rose Pink

HEX
#C08BAE
RGB
rgb(192, 139, 174)
HSL
hsl(320, 30%, 65%)
HSB
hsb(320, 28%, 75%)
CMYK
cmyk(0%, 28%, 9%, 25%)
Oklch
oklch(69.9% 0.079 339.7)

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

#C6B7C9

Lilac · Silver · Lilac Purple

HEX
#C6B7C9
RGB
rgb(198, 183, 201)
HSL
hsl(290, 14%, 75%)
HSB
hsb(290, 9%, 79%)
CMYK
cmyk(1%, 9%, 0%, 21%)
Oklch
oklch(79.7% 0.030 320.6)

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

#C9CED6

Azure · LightGray · Sky Blue

HEX
#C9CED6
RGB
rgb(201, 206, 214)
HSL
hsl(217, 14%, 81%)
HSB
hsb(217, 6%, 84%)
CMYK
cmyk(6%, 4%, 0%, 16%)
Oklch
oklch(85.0% 0.012 259.8)

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

#CCE4E4

Sky Blue · LightGray · Glacier Blue

HEX
#CCE4E4
RGB
rgb(204, 228, 228)
HSL
hsl(180, 31%, 85%)
HSB
hsb(180, 11%, 89%)
CMYK
cmyk(11%, 0%, 0%, 11%)
Oklch
oklch(90.1% 0.025 196.7)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6A6474
6D7364

Analogous

646573
6A6474
716473

Triadic

6A6474
736964
647369

Split-Comp.

6A6474
737164
657364

Tetradic

6A6474
736465
6D7364
647371

Contrast Matrix WCAG 2.1 Contrast

6A6474
C08BAE
C6B7C9
C9CED6
CCE4E4
—
2.0
Fail
3.0
Fail
3.6
AA Large
4.3
AA Large
2.0
Fail
—
1.5
Fail
1.8
Fail
2.1
Fail
3.0
Fail
1.5
Fail
—
1.2
Fail
1.4
Fail
3.6
AA Large
1.8
Fail
1.2
Fail
—
1.2
Fail
4.3
AA Large
2.1
Fail
1.4
Fail
1.2
Fail
—
White BG
5.7AA
2.8Fail
1.9Fail
1.6Fail
1.3Fail
Black BG
3.7AA Large
7.5AAA
11.0AAA
13.3AAA
15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

676770
A9A9A6
C0BFC5
CBCBD4
D6D7E4

Deuteranopia

68686F
ACB0A4
C0C2C4
CBCBD4
D5D3E4

Tritanopia

6A6D6C
BD9F9D
C5C1C0
C9D3D2
CDE4E4

Achromatopsia

686868
9F9F9F
BEBEBE
CDCDCD
DDDDDD

Shades & Tints Shades & Tints

#6A6474

Dark
Light

#C08BAE

Dark
Light

#C6B7C9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6a6474;
  --color-2: #c08bae;
  --color-3: #c6b7c9;
  --color-4: #c9ced6;
  --color-5: #cce4e4;
}

SCSS

$color-1: #6a6474;
$color-2: #c08bae;
$color-3: #c6b7c9;
$color-4: #c9ced6;
$color-5: #cce4e4;

TAILWIND

colors: {
  'brand-1': '#6a6474',
  'brand-2': '#c08bae',
  'brand-3': '#c6b7c9',
  'brand-4': '#c9ced6',
  'brand-5': '#cce4e4',
}

RGB Array

[106, 100, 116], [192, 139, 174], [198, 183, 201], [201, 206, 214], [204, 228, 228]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6A6474, #C08BAE, #C6B7C9, #C9CED6, #CCE4E4 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #6a6474; --color-2: #c08bae; --color-3: #c6b7c9; --color-4: #c9ced6; --color-5: #cce4e4. 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. 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 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