← Back to Editor

#BAEC1A · #99D93A · #56BD67 · #75CC4F · #2EAA85

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#BAEC1A

Grass Green · GreenYellow · Olive Green

HEX
#BAEC1A
RGB
rgb(186, 236, 26)
HSL
hsl(74, 85%, 51%)
HSB
hsb(74, 89%, 93%)
CMYK
cmyk(21%, 0%, 89%, 7%)
Oklch
oklch(87.6% 0.213 123.9)

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

#99D93A

Grass Green · GreenYellow · Olive Green

HEX
#99D93A
RGB
rgb(153, 217, 58)
HSL
hsl(84, 68%, 54%)
HSB
hsb(84, 73%, 85%)
CMYK
cmyk(29%, 0%, 73%, 15%)
Oklch
oklch(81.3% 0.194 129.4)

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

#56BD67

Celadon · MediumSeaGreen · Olive Green

HEX
#56BD67
RGB
rgb(86, 189, 103)
HSL
hsl(130, 44%, 54%)
HSB
hsb(130, 54%, 74%)
CMYK
cmyk(54%, 0%, 46%, 26%)
Oklch
oklch(71.6% 0.156 147.1)

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

#75CC4F

Emerald · DarkSeaGreen · Olive Green

HEX
#75CC4F
RGB
rgb(117, 204, 79)
HSL
hsl(102, 55%, 55%)
HSB
hsb(102, 61%, 80%)
CMYK
cmyk(43%, 0%, 61%, 20%)
Oklch
oklch(76.4% 0.182 137.4)

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

#2EAA85

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#2EAA85
RGB
rgb(46, 170, 133)
HSL
hsl(162, 57%, 42%)
HSB
hsb(162, 73%, 67%)
CMYK
cmyk(73%, 0%, 22%, 33%)
Oklch
oklch(66.2% 0.120 168.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BAEC1A
4918EC

Analogous

ECB418
BAEC1A
50EC18

Triadic

BAEC1A
18BBEC
EC18BB

Split-Comp.

BAEC1A
1850EC
B418EC

Tetradic

BAEC1A
18ECB4
4918EC
EC1850

Contrast Matrix WCAG 2.1 Contrast

BAEC1A
99D93A
56BD67
75CC4F
2EAA85
—
1.2
Fail
1.7
Fail
1.4
Fail
2.1
Fail
1.2
Fail
—
1.4
Fail
1.2
Fail
1.7
Fail
1.7
Fail
1.4
Fail
—
1.2
Fail
1.2
Fail
1.4
Fail
1.2
Fail
1.2
Fail
—
1.5
Fail
2.1
Fail
1.7
Fail
1.2
Fail
1.5
Fail
—
White BG
1.4Fail
1.7Fail
2.4Fail
2.0Fail
2.9Fail
Black BG
15.1AAA
12.3AAA
8.9AAA
10.5AAA
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D04D
B5B560
83847C
9B9B6D
64658E

Deuteranopia

CDC959
B1AC6A
7D7581
968F75
5D5390

Tritanopia

BD757E
9C7F86
5B8C90
79858A
349597

Achromatopsia

C5C5C5
B4B4B4
949494
A4A4A4
818181

Shades & Tints Shades & Tints

#BAEC1A

Dark
Light

#99D93A

Dark
Light

#56BD67

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #baec1a;
  --color-2: #99d93a;
  --color-3: #56bd67;
  --color-4: #75cc4f;
  --color-5: #2eaa85;
}

SCSS

$color-1: #baec1a;
$color-2: #99d93a;
$color-3: #56bd67;
$color-4: #75cc4f;
$color-5: #2eaa85;

TAILWIND

colors: {
  'brand-1': '#baec1a',
  'brand-2': '#99d93a',
  'brand-3': '#56bd67',
  'brand-4': '#75cc4f',
  'brand-5': '#2eaa85',
}

RGB Array

[186, 236, 26], [153, 217, 58], [86, 189, 103], [117, 204, 79], [46, 170, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BAEC1A, #99D93A, #56BD67, #75CC4F, #2EAA85 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #baec1a; --color-2: #99d93a; --color-3: #56bd67; --color-4: #75cc4f; --color-5: #2eaa85. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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