← Back to Editor

#7A6878 · #C485B2 · #ABC4B3 · #A9E8BE · #C7F0EA

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

#7A6878

Rose Purple · DimGray · Warm Gray

HEX
#7A6878
RGB
rgb(122, 104, 120)
HSL
hsl(307, 8%, 44%)
HSB
hsb(307, 15%, 48%)
CMYK
cmyk(0%, 15%, 2%, 52%)
Oklch
oklch(54.0% 0.033 329.6)

Traditional「Rose Purple」· Paint「Warm Gray」· Creative Urban Concrete

#C485B2

Mauve · DarkGray · Lilac Purple

HEX
#C485B2
RGB
rgb(196, 133, 178)
HSL
hsl(317, 35%, 65%)
HSB
hsb(317, 32%, 77%)
CMYK
cmyk(0%, 32%, 9%, 23%)
Oklch
oklch(69.4% 0.097 337.7)

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

#ABC4B3

Celadon · Silver · Apple Green

HEX
#ABC4B3
RGB
rgb(171, 196, 179)
HSL
hsl(139, 17%, 72%)
HSB
hsb(139, 13%, 77%)
CMYK
cmyk(13%, 0%, 9%, 23%)
Oklch
oklch(79.7% 0.036 155.8)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#A9E8BE

Emerald · LightBlue · Apple Green

HEX
#A9E8BE
RGB
rgb(169, 232, 190)
HSL
hsl(140, 58%, 79%)
HSB
hsb(140, 27%, 91%)
CMYK
cmyk(27%, 0%, 18%, 9%)
Oklch
oklch(87.7% 0.086 155.1)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

#C7F0EA

Jade · LightBlue · Glacier Blue

HEX
#C7F0EA
RGB
rgb(199, 240, 234)
HSL
hsl(171, 58%, 86%)
HSB
hsb(171, 17%, 94%)
CMYK
cmyk(17%, 0%, 3%, 6%)
Oklch
oklch(92.4% 0.043 185.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A6878
677969

Analogous

726779
7A6878
79676E

Triadic

7A6878
777967
677779

Split-Comp.

7A6878
6E7967
677972

Tetradic

7A6878
797267
677969
676E79

Contrast Matrix WCAG 2.1 Contrast

7A6878
C485B2
ABC4B3
A9E8BE
C7F0EA
—
1.8
Fail
2.8
Fail
3.7
AA Large
4.2
AA Large
1.8
Fail
—
1.5
Fail
2.0
Fail
2.3
Fail
2.8
Fail
1.5
Fail
—
1.3
Fail
1.5
Fail
3.7
AA Large
2.0
Fail
1.3
Fail
—
1.1
Fail
4.2
AA Large
2.3
Fail
1.5
Fail
1.1
Fail
—
White BG
5.1AA
2.9Fail
1.9Fail
1.4Fail
1.2Fail
Black BG
4.1AA Large
7.3AAA
11.3AAA
15.0AAA
17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

727274
A9A8A7
B6B6B7
C4C5C8
D9D9EB

Deuteranopia

737573
ACB1A5
B4B3B8
C1BCCB
D6D3EC

Tritanopia

797170
C19F9D
ACBABB
ACD0D2
C9EDED

Achromatopsia

6F6F6F
9D9D9D
BBBBBB
D0D0D0
E3E3E3

Shades & Tints Shades & Tints

#7A6878

Dark
Light

#C485B2

Dark
Light

#ABC4B3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a6878;
  --color-2: #c485b2;
  --color-3: #abc4b3;
  --color-4: #a9e8be;
  --color-5: #c7f0ea;
}

SCSS

$color-1: #7a6878;
$color-2: #c485b2;
$color-3: #abc4b3;
$color-4: #a9e8be;
$color-5: #c7f0ea;

TAILWIND

colors: {
  'brand-1': '#7a6878',
  'brand-2': '#c485b2',
  'brand-3': '#abc4b3',
  'brand-4': '#a9e8be',
  'brand-5': '#c7f0ea',
}

RGB Array

[122, 104, 120], [196, 133, 178], [171, 196, 179], [169, 232, 190], [199, 240, 234]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7A6878, #C485B2, #ABC4B3, #A9E8BE, #C7F0EA is ideal for: health products, baby brands, fresh-style blogs, 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: #7a6878; --color-2: #c485b2; --color-3: #abc4b3; --color-4: #a9e8be; --color-5: #c7f0ea. 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 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