#BAD02D + #94C248 + #6EB562 + #47A77D + #219997 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#BAD02D

Autumn Sage · GreenYellow · Honey Gold

HEX

#BAD02D

RGB

rgb(186, 208, 45)

HSL

hsl(68, 64%, 50%)

HSB

hsb(68, 78%, 82%)

CMYK

cmyk(11%, 0%, 78%, 18%)

Oklch

oklch(81.4% 0.176 117.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#94C248

Grass Green · GreenYellow · Olive Green

HEX

#94C248

RGB

rgb(148, 194, 72)

HSL

hsl(83, 50%, 52%)

HSB

hsb(83, 63%, 76%)

CMYK

cmyk(24%, 0%, 63%, 24%)

Oklch

oklch(75.7% 0.158 127.4)

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

#6EB562

Celadon · MediumSeaGreen · Olive Green

HEX

#6EB562

RGB

rgb(110, 181, 98)

HSL

hsl(111, 36%, 55%)

HSB

hsb(111, 46%, 71%)

CMYK

cmyk(39%, 0%, 46%, 29%)

Oklch

oklch(70.6% 0.136 140.9)

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

#47A77D

Mineral Blue · MediumSeaGreen · Olive Green

HEX

#47A77D

RGB

rgb(71, 167, 125)

HSL

hsl(154, 40%, 47%)

HSB

hsb(154, 57%, 65%)

CMYK

cmyk(57%, 0%, 25%, 35%)

Oklch

oklch(65.9% 0.111 162.1)

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

#219997

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#219997

RGB

rgb(33, 153, 151)

HSL

hsl(179, 65%, 36%)

HSB

hsb(179, 78%, 60%)

CMYK

cmyk(78%, 0%, 1%, 40%)

Oklch

oklch(62.1% 0.099 193.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BAD02D

442ED1

Analogous

D1952E

BAD02D

6AD12E

Triadic

BAD02D

2EBBD1

D12EBB

Split-Comp.

BAD02D

2E6AD1

952ED1

Tetradic

BAD02D

2ED195

442ED1

D12E6A

Contrast Matrix WCAG 2.1 Contrast

BAD02D	94C248	6EB562	47A77D	219997
—	1.2 Fail	1.4 Fail	1.7 Fail	2.0 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.7 Fail
1.4 Fail	1.2 Fail	—	1.2 Fail	1.4 Fail
1.7 Fail	1.4 Fail	1.2 Fail	—	1.2 Fail
2.0 Fail	1.7 Fail	1.4 Fail	1.2 Fail	—

White BG

1.7Fail

2.1Fail

2.5Fail

3.0Fail

3.5AA Large

Black BG

12.1AAA

10.1AAA

8.4AAA

7.1AAA

6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C454

A8A866

8D8D76

717187

555697

Deuteranopia

C2C15E

A5A26D

89837B

6B648A

4E4598

Tritanopia

BB747A

967D82

728689

4C8F91

279898

Achromatopsia

B7B7B7

A6A6A6

969696

868686

757575

Shades & Tints Shades & Tints

#BAD02D

Dark

Light

#94C248

Dark

Light

#6EB562

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bad02d;
  --color-2: #94c248;
  --color-3: #6eb562;
  --color-4: #47a77d;
  --color-5: #219997;
}

SCSS

$color-1: #bad02d;
$color-2: #94c248;
$color-3: #6eb562;
$color-4: #47a77d;
$color-5: #219997;

TAILWIND

colors: {
  'brand-1': '#bad02d',
  'brand-2': '#94c248',
  'brand-3': '#6eb562',
  'brand-4': '#47a77d',
  'brand-5': '#219997',
}

RGB Array

[186, 208, 45], [148, 194, 72], [110, 181, 98], [71, 167, 125], [33, 153, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BAD02D, #94C248, #6EB562, #47A77D, #219997 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: #bad02d; --color-2: #94c248; --color-3: #6eb562; --color-4: #47a77d; --color-5: #219997. 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