#EAED3B + #93C959 + #4A915F + #3E6960 + #27343B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#EAED3B

Autumn Sage · GreenYellow · Sunflower

HEX

#EAED3B

RGB

rgb(234, 237, 59)

HSL

hsl(61, 83%, 58%)

HSB

hsb(61, 75%, 93%)

CMYK

cmyk(1%, 0%, 75%, 7%)

Oklch

oklch(91.5% 0.185 110.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#93C959

Grass Green · DarkSeaGreen · Olive Green

HEX

#93C959

RGB

rgb(147, 201, 89)

HSL

hsl(89, 51%, 57%)

HSB

hsb(89, 56%, 79%)

CMYK

cmyk(27%, 0%, 56%, 21%)

Oklch

oklch(77.4% 0.154 130.7)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#4A915F

Celadon · SeaGreen · Olive Green

HEX

#4A915F

RGB

rgb(74, 145, 95)

HSL

hsl(138, 32%, 43%)

HSB

hsb(138, 49%, 57%)

CMYK

cmyk(49%, 0%, 34%, 43%)

Oklch

oklch(59.7% 0.105 151.6)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#3E6960

Mineral Blue · DarkSlateGray · Mint Ice

HEX

#3E6960

RGB

rgb(62, 105, 96)

HSL

hsl(167, 26%, 33%)

HSB

hsb(167, 41%, 41%)

CMYK

cmyk(41%, 0%, 9%, 59%)

Oklch

oklch(48.6% 0.050 179.2)

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

#27343B

Slate Blue · DarkSlateGray · Deep Sea Blue

HEX

#27343B

RGB

rgb(39, 52, 59)

HSL

hsl(201, 20%, 19%)

HSB

hsb(201, 34%, 23%)

CMYK

cmyk(34%, 12%, 0%, 77%)

Oklch

oklch(31.6% 0.021 231.8)

Traditional「Slate Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAED3B

3E3BED

Analogous

ED973B

EAED3B

91ED3B

Triadic

EAED3B

3BEAED

ED3BEA

Split-Comp.

EAED3B

3B91ED

973BED

Tetradic

EAED3B

3BED97

3E3BED

ED3B91

Contrast Matrix WCAG 2.1 Contrast

EAED3B	93C959	4A915F	3E6960	27343B
—	1.6 Fail	3.0 AA Large	4.9 AA	10.2 AAA
1.6 Fail	—	2.0 Fail	3.2 AA Large	6.5 AA
3.0 AA Large	2.0 Fail	—	1.6 Fail	3.4 AA Large
4.9 AA	3.2 AA Large	1.6 Fail	—	2.1 Fail
10.2 AAA	6.5 AA	3.4 AA Large	2.1 Fail	—

White BG

1.3Fail

2.0Fail

3.8AA Large

6.2AA

12.8AAA

Black BG

16.7AAA

10.7AAA

5.5AA

3.4AA Large

1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEB66

AAAB74

69696B

515162

2D2D39

Deuteranopia

EBEB70

A7A37B

655F6E

4E4B63

2C2B39

Tritanopia

EA8890

96898E

4E7577

406464

283838

Achromatopsia

D8D8D8

ACACAC

767676

5B5B5B

313131

Shades & Tints Shades & Tints

#EAED3B

Dark

Light

#93C959

Dark

Light

#4A915F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eaed3b;
  --color-2: #93c959;
  --color-3: #4a915f;
  --color-4: #3e6960;
  --color-5: #27343b;
}

SCSS

$color-1: #eaed3b;
$color-2: #93c959;
$color-3: #4a915f;
$color-4: #3e6960;
$color-5: #27343b;

TAILWIND

colors: {
  'brand-1': '#eaed3b',
  'brand-2': '#93c959',
  'brand-3': '#4a915f',
  'brand-4': '#3e6960',
  'brand-5': '#27343b',
}

RGB Array

[234, 237, 59], [147, 201, 89], [74, 145, 95], [62, 105, 96], [39, 52, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAED3B, #93C959, #4A915F, #3E6960, #27343B 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: #eaed3b; --color-2: #93c959; --color-3: #4a915f; --color-4: #3e6960; --color-5: #27343b. 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