#909773 + #9ABD45 + #BEE377 + #EBEABD + #C0C994 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#909773

Grass Green · Gray · Olive Green

HEX

#909773

RGB

rgb(144, 151, 115)

HSL

hsl(72, 15%, 52%)

HSB

hsb(72, 24%, 59%)

CMYK

cmyk(5%, 0%, 24%, 41%)

Oklch

oklch(66.1% 0.052 116.8)

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

#9ABD45

Grass Green · GreenYellow · Olive Green

HEX

#9ABD45

RGB

rgb(154, 189, 69)

HSL

hsl(78, 48%, 51%)

HSB

hsb(78, 63%, 74%)

CMYK

cmyk(19%, 0%, 63%, 26%)

Oklch

oklch(74.9% 0.152 123.9)

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

#BEE377

Willow Green · LightGreen · Apple Green

HEX

#BEE377

RGB

rgb(190, 227, 119)

HSL

hsl(81, 66%, 68%)

HSB

hsb(81, 48%, 89%)

CMYK

cmyk(16%, 0%, 48%, 11%)

Oklch

oklch(86.6% 0.142 124.8)

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

#EBEABD

Fresh Green · Wheat · Lemon Cream

HEX

#EBEABD

RGB

rgb(235, 234, 189)

HSL

hsl(59, 53%, 83%)

HSB

hsb(59, 20%, 92%)

CMYK

cmyk(0%, 0%, 20%, 8%)

Oklch

oklch(92.7% 0.059 106.4)

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

#C0C994

Willow Green · Tan · Apple Green

HEX

#C0C994

RGB

rgb(192, 201, 148)

HSL

hsl(70, 33%, 68%)

HSB

hsb(70, 26%, 79%)

CMYK

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

Oklch

oklch(81.6% 0.072 115.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

909773

7A7297

Analogous

978C72

909773

7D9772

Triadic

909773

729097

977290

Split-Comp.

909773

727D97

8C7297

Tetradic

909773

72978C

7A7297

97727D

Contrast Matrix WCAG 2.1 Contrast

909773	9ABD45	BEE377	EBEABD	C0C994
—	1.4 Fail	2.1 Fail	2.5 Fail	1.8 Fail
1.4 Fail	—	1.5 Fail	1.7 Fail	1.2 Fail
2.1 Fail	1.5 Fail	—	1.2 Fail	1.2 Fail
2.5 Fail	1.7 Fail	1.2 Fail	—	1.4 Fail
1.8 Fail	1.2 Fail	1.2 Fail	1.4 Fail	—

White BG

3.1AA Large

2.2Fail

1.5Fail

1.2Fail

1.7Fail

Black BG

6.9AA

9.7AAA

14.4AAA

17.0AAA

12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

93937C

A9A962

CECE91

EBEBC8

C4C4A1

Deuteranopia

93927E

A7A569

CCC997

EBEBCB

C3C3A4

Tritanopia

908384

9C797E

C0A6AA

EBD0D2

C0ABAD

Achromatopsia

919191

A5A5A5

CCCCCC

E5E5E5

C0C0C0

Shades & Tints Shades & Tints

#909773

Dark

Light

#9ABD45

Dark

Light

#BEE377

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #909773;
  --color-2: #9abd45;
  --color-3: #bee377;
  --color-4: #ebeabd;
  --color-5: #c0c994;
}

SCSS

$color-1: #909773;
$color-2: #9abd45;
$color-3: #bee377;
$color-4: #ebeabd;
$color-5: #c0c994;

TAILWIND

colors: {
  'brand-1': '#909773',
  'brand-2': '#9abd45',
  'brand-3': '#bee377',
  'brand-4': '#ebeabd',
  'brand-5': '#c0c994',
}

RGB Array

[144, 151, 115], [154, 189, 69], [190, 227, 119], [235, 234, 189], [192, 201, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #909773, #9ABD45, #BEE377, #EBEABD, #C0C994 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: #909773; --color-2: #9abd45; --color-3: #bee377; --color-4: #ebeabd; --color-5: #c0c994. 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