#3E9B90 + #6EAE93 + #9EC195 + #CED498 + #FEE79B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#3E9B90

Mineral Blue · CadetBlue · Mint Ice

HEX

#3E9B90

RGB

rgb(62, 155, 144)

HSL

hsl(173, 43%, 43%)

HSB

hsb(173, 60%, 61%)

CMYK

cmyk(60%, 0%, 7%, 39%)

Oklch

oklch(63.1% 0.089 184.5)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#6EAE93

Mineral Blue · CadetBlue · Olive Green

HEX

#6EAE93

RGB

rgb(110, 174, 147)

HSL

hsl(155, 28%, 56%)

HSB

hsb(155, 37%, 68%)

CMYK

cmyk(37%, 0%, 16%, 32%)

Oklch

oklch(70.0% 0.077 165.7)

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

#9EC195

Celadon · DarkSeaGreen · Apple Green

HEX

#9EC195

RGB

rgb(158, 193, 149)

HSL

hsl(108, 26%, 67%)

HSB

hsb(108, 23%, 76%)

CMYK

cmyk(18%, 0%, 23%, 24%)

Oklch

oklch(77.3% 0.072 139.3)

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

#CED498

Fresh Green · Tan · Sunflower

HEX

#CED498

RGB

rgb(206, 212, 152)

HSL

hsl(66, 41%, 71%)

HSB

hsb(66, 28%, 83%)

CMYK

cmyk(3%, 0%, 28%, 17%)

Oklch

oklch(85.1% 0.079 112.7)

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

#FEE79B

Goose Yellow · Khaki · Lemon Cream

HEX

#FEE79B

RGB

rgb(254, 231, 155)

HSL

hsl(46, 98%, 80%)

HSB

hsb(46, 39%, 100%)

CMYK

cmyk(0%, 9%, 39%, 0%)

Oklch

oklch(93.0% 0.098 93.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3E9B90

9D3F4A

Analogous

3F9D63

3E9B90

3F799D

Triadic

3E9B90

923F9D

9D923F

Split-Comp.

3E9B90

9D3F79

9D633F

Tetradic

3E9B90

633F9D

9D3F4A

799D3F

Contrast Matrix WCAG 2.1 Contrast

3E9B90	6EAE93	9EC195	CED498	FEE79B
—	1.3 Fail	1.7 Fail	2.1 Fail	2.7 Fail
1.3 Fail	—	1.3 Fail	1.7 Fail	2.1 Fail
1.7 Fail	1.3 Fail	—	1.3 Fail	1.6 Fail
2.1 Fail	1.7 Fail	1.3 Fail	—	1.3 Fail
2.7 Fail	2.1 Fail	1.6 Fail	1.3 Fail	—

White BG

3.3AA Large

2.6Fail

2.0Fail

1.6Fail

1.2Fail

Black BG

6.3AA

8.1AAA

10.5AAA

13.5AAA

17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

666793

8A8A9A

ADADA0

D1D1A7

F4F4AD

Deuteranopia

615A93

86819B

ABA9A2

D0D0AA

F5F7B2

Tritanopia

439595

719FA0

A0A8AA

CEB2B5

FDBCBF

Achromatopsia

7E7E7E

989898

B2B2B2

CBCBCB

E5E5E5

Shades & Tints Shades & Tints

#3E9B90

Dark

Light

#6EAE93

Dark

Light

#9EC195

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3e9b90;
  --color-2: #6eae93;
  --color-3: #9ec195;
  --color-4: #ced498;
  --color-5: #fee79b;
}

SCSS

$color-1: #3e9b90;
$color-2: #6eae93;
$color-3: #9ec195;
$color-4: #ced498;
$color-5: #fee79b;

TAILWIND

colors: {
  'brand-1': '#3e9b90',
  'brand-2': '#6eae93',
  'brand-3': '#9ec195',
  'brand-4': '#ced498',
  'brand-5': '#fee79b',
}

RGB Array

[62, 155, 144], [110, 174, 147], [158, 193, 149], [206, 212, 152], [254, 231, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3E9B90, #6EAE93, #9EC195, #CED498, #FEE79B is ideal for: corporate websites, product showcases, portfolios. 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: #3e9b90; --color-2: #6eae93; --color-3: #9ec195; --color-4: #ced498; --color-5: #fee79b. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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