#6D998E + #8EC5AC + #C8DCA2 + #E8E9AB + #F0CD5B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#6D998E

Mineral Blue · LightSlateGray · Lake Green

HEX

#6D998E

RGB

rgb(109, 153, 142)

HSL

hsl(165, 18%, 51%)

HSB

hsb(165, 29%, 60%)

CMYK

cmyk(29%, 0%, 7%, 40%)

Oklch

oklch(64.8% 0.051 177.4)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#8EC5AC

Jade · DarkSeaGreen · Apple Green

HEX

#8EC5AC

RGB

rgb(142, 197, 172)

HSL

hsl(153, 32%, 66%)

HSB

hsb(153, 28%, 77%)

CMYK

cmyk(28%, 0%, 13%, 23%)

Oklch

oklch(77.8% 0.068 164.9)

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

#C8DCA2

Willow Green · Silver · Apple Green

HEX

#C8DCA2

RGB

rgb(200, 220, 162)

HSL

hsl(81, 45%, 75%)

HSB

hsb(81, 26%, 86%)

CMYK

cmyk(9%, 0%, 26%, 14%)

Oklch

oklch(86.5% 0.080 123.5)

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

#E8E9AB

Fresh Green · Wheat · Lemon Cream

HEX

#E8E9AB

RGB

rgb(232, 233, 171)

HSL

hsl(61, 58%, 79%)

HSB

hsb(61, 27%, 91%)

CMYK

cmyk(0%, 0%, 27%, 9%)

Oklch

oklch(91.8% 0.080 108.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#F0CD5B

Ginger · SandyBrown · Sunflower

HEX

#F0CD5B

RGB

rgb(240, 205, 91)

HSL

hsl(46, 83%, 65%)

HSB

hsb(46, 62%, 94%)

CMYK

cmyk(0%, 15%, 62%, 6%)

Oklch

oklch(85.7% 0.137 92.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6D998E

996C77

Analogous

6C9977

6D998E

6C8D99

Triadic

6D998E

8D6C99

998D6C

Split-Comp.

6D998E

996C8D

99776C

Tetradic

6D998E

776C99

996C77

8D996C

Contrast Matrix WCAG 2.1 Contrast

6D998E	8EC5AC	C8DCA2	E8E9AB	F0CD5B
—	1.6 Fail	2.2 Fail	2.5 Fail	2.1 Fail
1.6 Fail	—	1.3 Fail	1.6 Fail	1.3 Fail
2.2 Fail	1.3 Fail	—	1.2 Fail	1.0 Fail
2.5 Fail	1.6 Fail	1.2 Fail	—	1.2 Fail
2.1 Fail	1.3 Fail	1.0 Fail	1.2 Fail	—

White BG

3.2AA Large

2.0Fail

1.5Fail

1.3Fail

1.5Fail

Black BG

6.6AA

10.7AAA

14.2AAA

16.7AAA

13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

808091

A6A6B2

D1D1B0

E8E8BA

E1E177

Deuteranopia

7E7A91

A39FB4

D0CEB3

E8E8BE

E3E67D

Tritanopia

6F9393

91B7B8

C9BBBE

E8C6C8

EE8C91

Achromatopsia

8B8B8B

B2B2B2

CFCFCF

E2E2E2

CACACA

Shades & Tints Shades & Tints

#6D998E

Dark

Light

#8EC5AC

Dark

Light

#C8DCA2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6d998e;
  --color-2: #8ec5ac;
  --color-3: #c8dca2;
  --color-4: #e8e9ab;
  --color-5: #f0cd5b;
}

SCSS

$color-1: #6d998e;
$color-2: #8ec5ac;
$color-3: #c8dca2;
$color-4: #e8e9ab;
$color-5: #f0cd5b;

TAILWIND

colors: {
  'brand-1': '#6d998e',
  'brand-2': '#8ec5ac',
  'brand-3': '#c8dca2',
  'brand-4': '#e8e9ab',
  'brand-5': '#f0cd5b',
}

RGB Array

[109, 153, 142], [142, 197, 172], [200, 220, 162], [232, 233, 171], [240, 205, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6D998E, #8EC5AC, #C8DCA2, #E8E9AB, #F0CD5B 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: #6d998e; --color-2: #8ec5ac; --color-3: #c8dca2; --color-4: #e8e9ab; --color-5: #f0cd5b. 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