#79C6BA + #C1C4B9 + #DED9C8 + #E583B9 + #7E879A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#79C6BA

Jade · MediumAquaMarine · Lake Green

HEX

#79C6BA

RGB

rgb(121, 198, 186)

HSL

hsl(171, 40%, 63%)

HSB

hsb(171, 39%, 78%)

CMYK

cmyk(39%, 0%, 6%, 22%)

Oklch

oklch(77.3% 0.079 183.2)

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

#C1C4B9

Willow Green · Silver · Pearl Gray

HEX

#C1C4B9

RGB

rgb(193, 196, 185)

HSL

hsl(76, 9%, 75%)

HSB

hsb(76, 6%, 77%)

CMYK

cmyk(2%, 0%, 6%, 23%)

Oklch

oklch(81.5% 0.015 119.2)

Traditional「Willow Green」· Paint「Pearl Gray」· Creative Silver Lining

#DED9C8

Goose Yellow · LightGray · Lemon Cream

HEX

#DED9C8

RGB

rgb(222, 217, 200)

HSL

hsl(46, 25%, 83%)

HSB

hsb(46, 10%, 87%)

CMYK

cmyk(0%, 2%, 10%, 13%)

Oklch

oklch(88.5% 0.024 93.4)

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

#E583B9

Mauve · Orchid · Rose Pink

HEX

#E583B9

RGB

rgb(229, 131, 185)

HSL

hsl(327, 65%, 71%)

HSB

hsb(327, 43%, 90%)

CMYK

cmyk(0%, 43%, 19%, 10%)

Oklch

oklch(73.2% 0.136 346.8)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#7E879A

Azure · LightSlateGray · Navy Blue

HEX

#7E879A

RGB

rgb(126, 135, 154)

HSL

hsl(221, 12%, 55%)

HSB

hsb(221, 18%, 60%)

CMYK

cmyk(18%, 12%, 0%, 40%)

Oklch

oklch(62.3% 0.031 265.3)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

79C6BA

C67B86

Analogous

7BC695

79C6BA

7BACC6

Triadic

79C6BA

BB7BC6

C6BB7B

Split-Comp.

79C6BA

C67BAC

C6957B

Tetradic

79C6BA

957BC6

C67B86

ACC67B

Contrast Matrix WCAG 2.1 Contrast

79C6BA	C1C4B9	DED9C8	E583B9	7E879A
—	1.1 Fail	1.4 Fail	1.3 Fail	1.8 Fail
1.1 Fail	—	1.3 Fail	1.4 Fail	2.0 Fail
1.4 Fail	1.3 Fail	—	1.8 Fail	2.6 Fail
1.3 Fail	1.4 Fail	1.8 Fail	—	1.4 Fail
1.8 Fail	2.0 Fail	2.6 Fail	1.4 Fail	—

White BG

2.0Fail

1.8Fail

1.4Fail

2.5Fail

3.6AA Large

Black BG

10.6AAA

11.9AAA

14.9AAA

8.3AAA

5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9BBD

C2C2BC

DCDCCC

BBBAAC

828295

Deuteranopia

9690BE

C2C2BC

DCDCCD

C0C8A9

818194

Tritanopia

7DBFC0

C1BEBE

DECFD0

E0A29F

7E9291

Achromatopsia

AEAEAE

C2C2C2

D9D9D9

A6A6A6

868686

Shades & Tints Shades & Tints

#79C6BA

Dark

Light

#C1C4B9

Dark

Light

#DED9C8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #79c6ba;
  --color-2: #c1c4b9;
  --color-3: #ded9c8;
  --color-4: #e583b9;
  --color-5: #7e879a;
}

SCSS

$color-1: #79c6ba;
$color-2: #c1c4b9;
$color-3: #ded9c8;
$color-4: #e583b9;
$color-5: #7e879a;

TAILWIND

colors: {
  'brand-1': '#79c6ba',
  'brand-2': '#c1c4b9',
  'brand-3': '#ded9c8',
  'brand-4': '#e583b9',
  'brand-5': '#7e879a',
}

RGB Array

[121, 198, 186], [193, 196, 185], [222, 217, 200], [229, 131, 185], [126, 135, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #79C6BA, #C1C4B9, #DED9C8, #E583B9, #7E879A 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: #79c6ba; --color-2: #c1c4b9; --color-3: #ded9c8; --color-4: #e583b9; --color-5: #7e879a. 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