← Back to Editor

#773C68 · #A66F97 · #AEA1B3 · #B5F5D8 · #C9D1CD

cool

A 5-color cool 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

#773C68

Rose Purple · DimGray · Eggplant

HEX
#773C68
RGB
rgb(119, 60, 104)
HSL
hsl(315, 33%, 35%)
HSB
hsb(315, 50%, 47%)
CMYK
cmyk(0%, 50%, 13%, 53%)
Oklch
oklch(44.7% 0.101 337.6)

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

#A66F97

Rose Purple · Gray · Violet

HEX
#A66F97
RGB
rgb(166, 111, 151)
HSL
hsl(316, 24%, 54%)
HSB
hsb(316, 33%, 65%)
CMYK
cmyk(0%, 33%, 9%, 35%)
Oklch
oklch(61.2% 0.088 337.1)

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

#AEA1B3

Lilac · DarkGray · Lilac Purple

HEX
#AEA1B3
RGB
rgb(174, 161, 179)
HSL
hsl(283, 11%, 67%)
HSB
hsb(283, 10%, 70%)
CMYK
cmyk(3%, 10%, 0%, 30%)
Oklch
oklch(72.6% 0.029 316.7)

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

#B5F5D8

Jade · LightBlue · Mint Green

HEX
#B5F5D8
RGB
rgb(181, 245, 216)
HSL
hsl(153, 76%, 84%)
HSB
hsb(153, 26%, 96%)
CMYK
cmyk(26%, 0%, 12%, 4%)
Oklch
oklch(91.9% 0.076 165.1)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#C9D1CD

Jade · LightGray · Pearl Gray

HEX
#C9D1CD
RGB
rgb(201, 209, 205)
HSL
hsl(150, 8%, 80%)
HSB
hsb(150, 4%, 82%)
CMYK
cmyk(4%, 0%, 2%, 18%)
Oklch
oklch(85.3% 0.010 164.8)

Traditional「Jade」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

773C68
3C774B

Analogous

683C77
773C68
773C4B

Triadic

773C68
68773C
3C6877

Split-Comp.

773C68
4B773C
3C7768

Tetradic

773C68
77683C
3C774B
3C4B77

Contrast Matrix WCAG 2.1 Contrast

773C68
A66F97
AEA1B3
B5F5D8
C9D1CD
—
2.0
Fail
3.2
AA Large
6.5
AA
5.1
AA
2.0
Fail
—
1.6
Fail
3.2
AA Large
2.5
Fail
3.2
AA Large
1.6
Fail
—
2.0
Fail
1.6
Fail
6.5
AA
3.2
AA Large
2.0
Fail
—
1.3
Fail
5.1
AA
2.5
Fail
1.6
Fail
1.3
Fail
—
White BG
8.0AAA
3.9AA Large
2.5Fail
1.2Fail
1.6Fail
Black BG
2.6Fail
5.3AA
8.5AAA
17.0AAA
13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5D5D5D
8E8E8D
A8A8AF
D1D1DF
CCCDCE

Deuteranopia

61655B
91968B
A9AAAE
CDC8E1
CCCBCE

Tritanopia

745553
A38684
ADABAA
B8E5E6
C9CFCF

Achromatopsia

535353
848484
A7A7A7
DFDFDF
CECECE

Shades & Tints Shades & Tints

#773C68

Dark
Light

#A66F97

Dark
Light

#AEA1B3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #773c68;
  --color-2: #a66f97;
  --color-3: #aea1b3;
  --color-4: #b5f5d8;
  --color-5: #c9d1cd;
}

SCSS

$color-1: #773c68;
$color-2: #a66f97;
$color-3: #aea1b3;
$color-4: #b5f5d8;
$color-5: #c9d1cd;

TAILWIND

colors: {
  'brand-1': '#773c68',
  'brand-2': '#a66f97',
  'brand-3': '#aea1b3',
  'brand-4': '#b5f5d8',
  'brand-5': '#c9d1cd',
}

RGB Array

[119, 60, 104], [166, 111, 151], [174, 161, 179], [181, 245, 216], [201, 209, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #773C68, #A66F97, #AEA1B3, #B5F5D8, #C9D1CD 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: #773c68; --color-2: #a66f97; --color-3: #aea1b3; --color-4: #b5f5d8; --color-5: #c9d1cd. 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 cool-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