← Back to Editor

#655873 · #7A7B8A · #9FACBD · #EED48F · #E19DCC

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 Library

Color Details Color Details

#655873

Deep Indigo · DimGray · Eggplant

HEX
#655873
RGB
rgb(101, 88, 115)
HSL
hsl(269, 13%, 40%)
HSB
hsb(269, 23%, 45%)
CMYK
cmyk(12%, 23%, 0%, 55%)
Oklch
oklch(48.3% 0.045 306.6)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#7A7B8A

Ash · Gray · Warm Gray

HEX
#7A7B8A
RGB
rgb(122, 123, 138)
HSL
hsl(236, 6%, 51%)
HSB
hsb(236, 12%, 54%)
CMYK
cmyk(12%, 11%, 0%, 46%)
Oklch
oklch(58.7% 0.023 282.6)

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

#9FACBD

Azure · DarkGray · Cobalt Blue

HEX
#9FACBD
RGB
rgb(159, 172, 189)
HSL
hsl(214, 19%, 68%)
HSB
hsb(214, 16%, 74%)
CMYK
cmyk(16%, 9%, 0%, 26%)
Oklch
oklch(74.0% 0.029 255.1)

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

#EED48F

Goose Yellow · Khaki · Sunflower

HEX
#EED48F
RGB
rgb(238, 212, 143)
HSL
hsl(44, 74%, 75%)
HSB
hsb(44, 40%, 93%)
CMYK
cmyk(0%, 11%, 40%, 7%)
Oklch
oklch(87.6% 0.092 89.7)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#E19DCC

Mauve · LightPink · Lilac Purple

HEX
#E19DCC
RGB
rgb(225, 157, 204)
HSL
hsl(319, 53%, 75%)
HSB
hsb(319, 30%, 88%)
CMYK
cmyk(0%, 30%, 9%, 12%)
Oklch
oklch(77.6% 0.101 338.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

655873
667359

Analogous

595973
655873
735973

Triadic

655873
736659
597366

Split-Comp.

655873
737359
597359

Tetradic

655873
735959
667359
597373

Contrast Matrix WCAG 2.1 Contrast

655873
7A7B8A
9FACBD
EED48F
E19DCC
—
1.6
Fail
2.8
Fail
4.5
AA
3.1
AA Large
1.6
Fail
—
1.8
Fail
2.9
Fail
2.0
Fail
2.8
Fail
1.8
Fail
—
1.6
Fail
1.1
Fail
4.5
AA
2.9
Fail
1.6
Fail
—
1.5
Fail
3.1
AA Large
2.0
Fail
1.1
Fail
1.5
Fail
—
White BG
6.6AA
4.2AA Large
2.3Fail
1.5Fail
2.1Fail
Black BG
3.2AA Large
5.0AA
9.1AAA
14.4AAA
9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5F5F6C
7A7A86
A5A5B9
E3E3A0
C4C3C1

Deuteranopia

60616B
7A7A86
A4A3B8
E4E6A4
C8CDBE

Tritanopia

646766
7A8483
A0B6B5
EDADB0
DEB8B6

Achromatopsia

5F5F5F
7C7C7C
AAAAAA
D4D4D4
B7B7B7

Shades & Tints Shades & Tints

#655873

Dark
Light

#7A7B8A

Dark
Light

#9FACBD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #655873;
  --color-2: #7a7b8a;
  --color-3: #9facbd;
  --color-4: #eed48f;
  --color-5: #e19dcc;
}

SCSS

$color-1: #655873;
$color-2: #7a7b8a;
$color-3: #9facbd;
$color-4: #eed48f;
$color-5: #e19dcc;

TAILWIND

colors: {
  'brand-1': '#655873',
  'brand-2': '#7a7b8a',
  'brand-3': '#9facbd',
  'brand-4': '#eed48f',
  'brand-5': '#e19dcc',
}

RGB Array

[101, 88, 115], [122, 123, 138], [159, 172, 189], [238, 212, 143], [225, 157, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #655873, #7A7B8A, #9FACBD, #EED48F, #E19DCC is ideal for: corporate websites, product showcases, portfolios. 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: #655873; --color-2: #7a7b8a; --color-3: #9facbd; --color-4: #eed48f; --color-5: #e19dcc. 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. 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