#6F7863 + #62B300 + #A8E40F + #CFDA8B + #AABC94 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6F7863

Grass Green · DimGray · Olive Green

HEX

#6F7863

RGB

rgb(111, 120, 99)

HSL

hsl(86, 10%, 43%)

HSB

hsb(86, 17%, 47%)

CMYK

cmyk(7%, 0%, 18%, 53%)

Oklch

oklch(55.9% 0.033 126.4)

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

#62B300

Grass Green · Olive · Forest Green

HEX

#62B300

RGB

rgb(98, 179, 0)

HSL

hsl(87, 100%, 35%)

HSB

hsb(87, 100%, 70%)

CMYK

cmyk(45%, 0%, 100%, 30%)

Oklch

oklch(68.7% 0.198 134.1)

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

#A8E40F

Grass Green · GreenYellow · Olive Green

HEX

#A8E40F

RGB

rgb(168, 228, 15)

HSL

hsl(77, 88%, 48%)

HSB

hsb(77, 93%, 89%)

CMYK

cmyk(26%, 0%, 93%, 11%)

Oklch

oklch(84.6% 0.215 126.6)

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

#CFDA8B

Fresh Green · Khaki · Sunflower

HEX

#CFDA8B

RGB

rgb(207, 218, 139)

HSL

hsl(68, 52%, 70%)

HSB

hsb(68, 36%, 85%)

CMYK

cmyk(5%, 0%, 36%, 15%)

Oklch

oklch(86.2% 0.102 115.0)

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

#AABC94

Willow Green · DarkSeaGreen · Apple Green

HEX

#AABC94

RGB

rgb(170, 188, 148)

HSL

hsl(87, 23%, 66%)

HSB

hsb(87, 21%, 74%)

CMYK

cmyk(10%, 0%, 21%, 26%)

Oklch

oklch(77.1% 0.059 127.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6F7863

6C6379

Analogous

797763

6F7863

647963

Triadic

6F7863

636F79

79636F

Split-Comp.

6F7863

636479

776379

Tetradic

6F7863

637977

6C6379

796364

Contrast Matrix WCAG 2.1 Contrast

6F7863	62B300	A8E40F	CFDA8B	AABC94
—	1.8 Fail	3.0 AA Large	3.1 AA Large	2.3 Fail
1.8 Fail	—	1.7 Fail	1.8 Fail	1.3 Fail
3.0 AA Large	1.7 Fail	—	1.0 Fail	1.3 Fail
3.1 AA Large	1.8 Fail	1.0 Fail	—	1.4 Fail
2.3 Fail	1.3 Fail	1.3 Fail	1.4 Fail	—

White BG

4.6AA

2.6Fail

1.5Fail

2.0Fail

Black BG

4.5AA

8.0AAA

13.8AAA

14.1AAA

10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

737368

85862B

C2C343

D4D49E

B2B29E

Deuteranopia

727269

807A36

BFBA4F

D3D2A3

B1AFA0

Tritanopia

6F6C6D

664E55

AB6B74

D0ADB1

ABA5A7

Achromatopsia

737373

868686

BABABA

CECECE

B2B2B2

Shades & Tints Shades & Tints

#6F7863

Dark

Light

#62B300

Dark

Light

#A8E40F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6f7863;
  --color-2: #62b300;
  --color-3: #a8e40f;
  --color-4: #cfda8b;
  --color-5: #aabc94;
}

SCSS

$color-1: #6f7863;
$color-2: #62b300;
$color-3: #a8e40f;
$color-4: #cfda8b;
$color-5: #aabc94;

TAILWIND

colors: {
  'brand-1': '#6f7863',
  'brand-2': '#62b300',
  'brand-3': '#a8e40f',
  'brand-4': '#cfda8b',
  'brand-5': '#aabc94',
}

RGB Array

[111, 120, 99], [98, 179, 0], [168, 228, 15], [207, 218, 139], [170, 188, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6F7863, #62B300, #A8E40F, #CFDA8B, #AABC94 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: #6f7863; --color-2: #62b300; --color-3: #a8e40f; --color-4: #cfda8b; --color-5: #aabc94. 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