#A4DB2C + #ABCC87 + #74AA92 + #4F918C + #4F393D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A4DB2C

Grass Green · GreenYellow · Olive Green

HEX

#A4DB2C

RGB

rgb(164, 219, 44)

HSL

hsl(79, 71%, 52%)

HSB

hsb(79, 80%, 86%)

CMYK

cmyk(25%, 0%, 80%, 14%)

Oklch

oklch(82.4% 0.198 126.5)

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

#ABCC87

Willow Green · DarkSeaGreen · Apple Green

HEX

#ABCC87

RGB

rgb(171, 204, 135)

HSL

hsl(89, 40%, 66%)

HSB

hsb(89, 34%, 80%)

CMYK

cmyk(16%, 0%, 34%, 20%)

Oklch

oklch(80.4% 0.099 129.2)

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

#74AA92

Mineral Blue · CadetBlue · Olive Green

HEX

#74AA92

RGB

rgb(116, 170, 146)

HSL

hsl(153, 24%, 56%)

HSB

hsb(153, 32%, 67%)

CMYK

cmyk(32%, 0%, 14%, 33%)

Oklch

oklch(69.3% 0.067 165.0)

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

#4F918C

Mineral Blue · CadetBlue · Mint Ice

HEX

#4F918C

RGB

rgb(79, 145, 140)

HSL

hsl(175, 29%, 44%)

HSB

hsb(175, 46%, 57%)

CMYK

cmyk(46%, 0%, 3%, 43%)

Oklch

oklch(61.1% 0.068 189.2)

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

#4F393D

Crimson · DarkSlateGray · Wine Red

HEX

#4F393D

RGB

rgb(79, 57, 61)

HSL

hsl(349, 16%, 27%)

HSB

hsb(349, 28%, 31%)

CMYK

cmyk(0%, 28%, 23%, 69%)

Oklch

oklch(37.1% 0.032 6.6)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A4DB2C

652EDC

Analogous

DCBC2E

A4DB2C

4EDC2E

Triadic

A4DB2C

2EA4DC

DC2EA4

Split-Comp.

A4DB2C

2E4EDC

BC2EDC

Tetradic

A4DB2C

2EDCBC

652EDC

DC2E4E

Contrast Matrix WCAG 2.1 Contrast

A4DB2C	ABCC87	74AA92	4F918C	4F393D
—	1.1 Fail	1.6 Fail	2.2 Fail	6.4 AA
1.1 Fail	—	1.5 Fail	2.0 Fail	5.9 AA
1.6 Fail	1.5 Fail	—	1.4 Fail	4.0 AA Large
2.2 Fail	2.0 Fail	1.4 Fail	—	2.9 Fail
6.4 AA	5.9 AA	4.0 AA Large	2.9 Fail	—

White BG

1.6Fail

1.8Fail

2.7Fail

3.6AA Large

10.6AAA

Black BG

12.7AAA

11.7AAA

7.9AAA

5.8AA

2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBC56

B9BA98

8B8C98

6C6C8D

45453C

Deuteranopia

B9B561

B7B59C

888499

68638E

47483C

Tritanopia

A7787F

ADA5A8

779C9D

528E8E

4E3B3B

Achromatopsia

B7B7B7

BABABA

979797

7D7D7D

404040

Shades & Tints Shades & Tints

#A4DB2C

Dark

Light

#ABCC87

Dark

Light

#74AA92

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a4db2c;
  --color-2: #abcc87;
  --color-3: #74aa92;
  --color-4: #4f918c;
  --color-5: #4f393d;
}

SCSS

$color-1: #a4db2c;
$color-2: #abcc87;
$color-3: #74aa92;
$color-4: #4f918c;
$color-5: #4f393d;

TAILWIND

colors: {
  'brand-1': '#a4db2c',
  'brand-2': '#abcc87',
  'brand-3': '#74aa92',
  'brand-4': '#4f918c',
  'brand-5': '#4f393d',
}

RGB Array

[164, 219, 44], [171, 204, 135], [116, 170, 146], [79, 145, 140], [79, 57, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A4DB2C, #ABCC87, #74AA92, #4F918C, #4F393D 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: #a4db2c; --color-2: #abcc87; --color-3: #74aa92; --color-4: #4f918c; --color-5: #4f393d. 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