#A9FCB4 + #9DDDC0 + #E07BCE + #E86E46 + #7C6E6E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A9FCB4

Emerald · LightGreen · Mint Green

HEX

#A9FCB4

RGB

rgb(169, 252, 180)

HSL

hsl(128, 93%, 83%)

HSB

hsb(128, 33%, 99%)

CMYK

cmyk(33%, 0%, 29%, 1%)

Oklch

oklch(92.0% 0.127 147.8)

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

#9DDDC0

Jade · LightBlue · Apple Green

HEX

#9DDDC0

RGB

rgb(157, 221, 192)

HSL

hsl(153, 48%, 74%)

HSB

hsb(153, 29%, 87%)

CMYK

cmyk(29%, 0%, 13%, 13%)

Oklch

oklch(84.6% 0.077 164.8)

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

#E07BCE

Mauve · Orchid · Lilac Purple

HEX

#E07BCE

RGB

rgb(224, 123, 206)

HSL

hsl(311, 62%, 68%)

HSB

hsb(311, 45%, 88%)

CMYK

cmyk(0%, 45%, 8%, 12%)

Oklch

oklch(72.2% 0.161 334.1)

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

#E86E46

Tangerine · Tomato · Warm Sun

HEX

#E86E46

RGB

rgb(232, 110, 70)

HSL

hsl(15, 78%, 59%)

HSB

hsb(15, 70%, 91%)

CMYK

cmyk(0%, 53%, 70%, 9%)

Oklch

oklch(67.7% 0.161 38.5)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#7C6E6E

Ink Gray · DimGray · Warm Gray

HEX

#7C6E6E

RGB

rgb(124, 110, 110)

HSL

hsl(0, 6%, 46%)

HSB

hsb(0, 11%, 49%)

CMYK

cmyk(0%, 11%, 11%, 51%)

Oklch

oklch(55.1% 0.018 17.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A9FCB4

FCABF1

Analogous

C9FCAB

A9FCB4

ABFCDE

Triadic

A9FCB4

B6ABFC

FCB6AB

Split-Comp.

A9FCB4

DEABFC

FCABC9

Tetradic

A9FCB4

ABC9FC

FCABF1

FCDEAB

Contrast Matrix WCAG 2.1 Contrast

A9FCB4	9DDDC0	E07BCE	E86E46	7C6E6E
—	1.3 Fail	2.2 Fail	2.6 Fail	4.0 AA Large
1.3 Fail	—	1.7 Fail	2.0 Fail	3.1 AA Large
2.2 Fail	1.7 Fail	—	1.2 Fail	1.8 Fail
2.6 Fail	2.0 Fail	1.2 Fail	—	1.6 Fail
4.0 AA Large	3.1 AA Large	1.8 Fail	1.6 Fail	—

White BG

1.2Fail

1.6Fail

2.7Fail

3.1AA Large

4.9AA

Black BG

17.3AAA

13.5AAA

7.9AAA

6.7AA

4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCEC5

B9B9C7

B4B3BA

B3B250

76766E

Deuteranopia

C8C2CA

B5B0C9

BAC2B5

BAC352

77786E

Tritanopia

ADD3D6

A0CDCE

DBAAA7

E25759

7B6E6E

Achromatopsia

DBDBDB

C7C7C7

A3A3A3

8E8E8E

727272

Shades & Tints Shades & Tints

#A9FCB4

Dark

Light

#9DDDC0

Dark

Light

#E07BCE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a9fcb4;
  --color-2: #9dddc0;
  --color-3: #e07bce;
  --color-4: #e86e46;
  --color-5: #7c6e6e;
}

SCSS

$color-1: #a9fcb4;
$color-2: #9dddc0;
$color-3: #e07bce;
$color-4: #e86e46;
$color-5: #7c6e6e;

TAILWIND

colors: {
  'brand-1': '#a9fcb4',
  'brand-2': '#9dddc0',
  'brand-3': '#e07bce',
  'brand-4': '#e86e46',
  'brand-5': '#7c6e6e',
}

RGB Array

[169, 252, 180], [157, 221, 192], [224, 123, 206], [232, 110, 70], [124, 110, 110]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A9FCB4, #9DDDC0, #E07BCE, #E86E46, #7C6E6E is ideal for: health products, baby brands, fresh-style blogs. 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: #a9fcb4; --color-2: #9dddc0; --color-3: #e07bce; --color-4: #e86e46; --color-5: #7c6e6e. 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. 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