← Back to Editor

#857B7B · #D179C7 · #E6A8C8 · #B5F66F · #E8FFCF

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#857B7B

Ink Gray · Gray · Warm Gray

HEX
#857B7B
RGB
rgb(133, 123, 123)
HSL
hsl(0, 4%, 50%)
HSB
hsb(0, 8%, 52%)
CMYK
cmyk(0%, 8%, 8%, 48%)
Oklch
oklch(59.2% 0.012 17.5)

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

#D179C7

Mauve · Orchid · Lilac Purple

HEX
#D179C7
RGB
rgb(209, 121, 199)
HSL
hsl(307, 49%, 65%)
HSB
hsb(307, 42%, 82%)
CMYK
cmyk(0%, 42%, 5%, 18%)
Oklch
oklch(69.8% 0.147 331.3)

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

#E6A8C8

Mauve · LightPink · Cherry Blossom

HEX
#E6A8C8
RGB
rgb(230, 168, 200)
HSL
hsl(329, 55%, 78%)
HSB
hsb(329, 27%, 90%)
CMYK
cmyk(0%, 27%, 13%, 10%)
Oklch
oklch(79.9% 0.083 346.8)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#B5F66F

Willow Green · LightGreen · Apple Green

HEX
#B5F66F
RGB
rgb(181, 246, 111)
HSL
hsl(89, 88%, 70%)
HSB
hsb(89, 55%, 96%)
CMYK
cmyk(26%, 0%, 55%, 4%)
Oklch
oklch(90.2% 0.179 130.7)

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

#E8FFCF

Willow Green · Beige · Mint Green

HEX
#E8FFCF
RGB
rgb(232, 255, 207)
HSL
hsl(89, 100%, 91%)
HSB
hsb(89, 19%, 100%)
CMYK
cmyk(9%, 0%, 19%, 0%)
Oklch
oklch(97.1% 0.067 128.5)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

857B7B
7A8585

Analogous

857A80
857B7B
85807A

Triadic

857B7B
7A857A
7A7A85

Split-Comp.

857B7B
7A8580
7A8085

Tetradic

857B7B
80857A
7A8585
807A85

Contrast Matrix WCAG 2.1 Contrast

857B7B
D179C7
E6A8C8
B5F66F
E8FFCF
—
1.4
Fail
2.1
Fail
3.2
AA Large
3.8
AA Large
1.4
Fail
—
1.5
Fail
2.3
Fail
2.7
Fail
2.1
Fail
1.5
Fail
—
1.5
Fail
1.8
Fail
3.2
AA Large
2.3
Fail
1.5
Fail
—
1.2
Fail
3.8
AA Large
2.7
Fail
1.8
Fail
1.2
Fail
—
White BG
4.1AA Large
2.9Fail
1.9Fail
1.3Fail
1.1Fail
Black BG
5.1AA
7.3AAA
10.8AAA
16.4AAA
19.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

81817B
ABAAB4
CBCBC0
D1D290
F2F2DB

Deuteranopia

81827B
B0B7B0
CFD3BE
CDC998
F1EFDD

Tritanopia

857B7B
CDA5A2
E3BAB9
B8A9AF
E9E4E6

Achromatopsia

7E7E7E
9C9C9C
BEBEBE
D3D3D3
F3F3F3

Shades & Tints Shades & Tints

#857B7B

Dark
Light

#D179C7

Dark
Light

#E6A8C8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #857b7b;
  --color-2: #d179c7;
  --color-3: #e6a8c8;
  --color-4: #b5f66f;
  --color-5: #e8ffcf;
}

SCSS

$color-1: #857b7b;
$color-2: #d179c7;
$color-3: #e6a8c8;
$color-4: #b5f66f;
$color-5: #e8ffcf;

TAILWIND

colors: {
  'brand-1': '#857b7b',
  'brand-2': '#d179c7',
  'brand-3': '#e6a8c8',
  'brand-4': '#b5f66f',
  'brand-5': '#e8ffcf',
}

RGB Array

[133, 123, 123], [209, 121, 199], [230, 168, 200], [181, 246, 111], [232, 255, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #857B7B, #D179C7, #E6A8C8, #B5F66F, #E8FFCF 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: #857b7b; --color-2: #d179c7; --color-3: #e6a8c8; --color-4: #b5f66f; --color-5: #e8ffcf. 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