#EBFE40 + #719263 + #40A384 + #557D72 + #4B4744 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#EBFE40

Fresh Green · GreenYellow · Sunflower

HEX

#EBFE40

RGB

rgb(235, 254, 64)

HSL

hsl(66, 99%, 62%)

HSB

hsb(66, 75%, 100%)

CMYK

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

Oklch

oklch(95.2% 0.199 115.4)

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

#719263

Celadon · Gray · Olive Green

HEX

#719263

RGB

rgb(113, 146, 99)

HSL

hsl(102, 19%, 48%)

HSB

hsb(102, 32%, 57%)

CMYK

cmyk(23%, 0%, 32%, 43%)

Oklch

oklch(62.2% 0.078 136.6)

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

#40A384

Mineral Blue · MediumSeaGreen · Mint Ice

HEX

#40A384

RGB

rgb(64, 163, 132)

HSL

hsl(161, 44%, 45%)

HSB

hsb(161, 61%, 64%)

CMYK

cmyk(61%, 0%, 19%, 36%)

Oklch

oklch(64.9% 0.104 169.2)

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

#557D72

Mineral Blue · DimGray · Mint Ice

HEX

#557D72

RGB

rgb(85, 125, 114)

HSL

hsl(164, 19%, 41%)

HSB

hsb(164, 32%, 49%)

CMYK

cmyk(32%, 0%, 9%, 51%)

Oklch

oklch(55.7% 0.048 175.4)

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

#4B4744

Dark Cyan · DarkSlateGray · Charcoal

HEX

#4B4744

RGB

rgb(75, 71, 68)

HSL

hsl(26, 5%, 28%)

HSB

hsb(26, 9%, 29%)

CMYK

cmyk(0%, 5%, 9%, 71%)

Oklch

oklch(40.1% 0.007 59.5)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBFE40

513EFE

Analogous

FEB13E

EBFE40

8BFE3E

Triadic

EBFE40

3EEBFE

FE3EEB

Split-Comp.

EBFE40

3E8BFE

B13EFE

Tetradic

EBFE40

3EFEB1

513EFE

FE3E8B

Contrast Matrix WCAG 2.1 Contrast

EBFE40	719263	40A384	557D72	4B4744
—	3.1 AA Large	2.8 Fail	4.1 AA Large	8.2 AAA
3.1 AA Large	—	1.1 Fail	1.3 Fail	2.6 Fail
2.8 Fail	1.1 Fail	—	1.5 Fail	3.0 Fail
4.1 AA Large	1.3 Fail	1.5 Fail	—	2.0 Fail
8.2 AAA	2.6 Fail	3.0 Fail	2.0 Fail	—

White BG

1.1Fail

3.5AA Large

3.1AA Large

4.6AA

9.2AAA

Black BG

18.8AAA

6.0AA

6.8AA

4.6AA

2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F36E

7F806E

6B6C8C

666775

494945

Deuteranopia

F2F179

7D7B71

655E8D

646175

4A4A45

Tritanopia

EC929A

737779

459193

577777

4B4545

Achromatopsia

E3E3E3

838383

828282

707070

484848

Shades & Tints Shades & Tints

#EBFE40

Dark

Light

#719263

Dark

Light

#40A384

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebfe40;
  --color-2: #719263;
  --color-3: #40a384;
  --color-4: #557d72;
  --color-5: #4b4744;
}

SCSS

$color-1: #ebfe40;
$color-2: #719263;
$color-3: #40a384;
$color-4: #557d72;
$color-5: #4b4744;

TAILWIND

colors: {
  'brand-1': '#ebfe40',
  'brand-2': '#719263',
  'brand-3': '#40a384',
  'brand-4': '#557d72',
  'brand-5': '#4b4744',
}

RGB Array

[235, 254, 64], [113, 146, 99], [64, 163, 132], [85, 125, 114], [75, 71, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBFE40, #719263, #40A384, #557D72, #4B4744 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: #ebfe40; --color-2: #719263; --color-3: #40a384; --color-4: #557d72; --color-5: #4b4744. 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