#A9CF70 + #74B895 + #369999 + #A6A480 + #E3A171 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A9CF70

Willow Green · DarkSeaGreen · Apple Green

HEX

#A9CF70

RGB

rgb(169, 207, 112)

HSL

hsl(84, 50%, 63%)

HSB

hsb(84, 46%, 81%)

CMYK

cmyk(18%, 0%, 46%, 19%)

Oklch

oklch(80.6% 0.130 127.0)

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

#74B895

Celadon · DarkSeaGreen · Olive Green

HEX

#74B895

RGB

rgb(116, 184, 149)

HSL

hsl(149, 32%, 59%)

HSB

hsb(149, 37%, 72%)

CMYK

cmyk(37%, 0%, 19%, 28%)

Oklch

oklch(72.7% 0.086 160.8)

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

#369999

Slate Blue · LightSeaGreen · Mint Ice

HEX

#369999

RGB

rgb(54, 153, 153)

HSL

hsl(180, 48%, 41%)

HSB

hsb(180, 65%, 60%)

CMYK

cmyk(65%, 0%, 0%, 40%)

Oklch

oklch(62.7% 0.090 195.1)

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

#A6A480

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#A6A480

RGB

rgb(166, 164, 128)

HSL

hsl(57, 18%, 58%)

HSB

hsb(57, 23%, 65%)

CMYK

cmyk(0%, 1%, 23%, 35%)

Oklch

oklch(71.1% 0.050 105.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E3A171

Apricot · DarkSalmon · Warm Sun

HEX

#E3A171

RGB

rgb(227, 161, 113)

HSL

hsl(25, 67%, 67%)

HSB

hsb(25, 50%, 89%)

CMYK

cmyk(0%, 29%, 50%, 11%)

Oklch

oklch(76.2% 0.101 56.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A9CF70

9771D0

Analogous

D0C671

A9CF70

7BD071

Triadic

A9CF70

71AAD0

D071AA

Split-Comp.

A9CF70

717BD0

C671D0

Tetradic

A9CF70

71D0C6

9771D0

D0717B

Contrast Matrix WCAG 2.1 Contrast

A9CF70	74B895	369999	A6A480	E3A171
—	1.3 Fail	1.9 Fail	1.4 Fail	1.2 Fail
1.3 Fail	—	1.5 Fail	1.1 Fail	1.1 Fail
1.9 Fail	1.5 Fail	—	1.3 Fail	1.6 Fail
1.4 Fail	1.1 Fail	1.3 Fail	—	1.2 Fail
1.2 Fail	1.1 Fail	1.6 Fail	1.2 Fail	—

White BG

1.8Fail

2.3Fail

3.4AA Large

2.5Fail

2.2Fail

Black BG

11.8AAA

9.0AAA

6.2AA

8.2AAA

9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9BA87

91929D

616299

A5A589

C6C67D

Deuteranopia

B7B48D

8E88A0

5B5499

A5A58B

CACF7F

Tritanopia

AB999D

77A4A6

3B9999

A69091

E08688

Achromatopsia

B9B9B9

A0A0A0

7B7B7B

A0A0A0

AFAFAF

Shades & Tints Shades & Tints

#A9CF70

Dark

Light

#74B895

Dark

Light

#369999

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a9cf70;
  --color-2: #74b895;
  --color-3: #369999;
  --color-4: #a6a480;
  --color-5: #e3a171;
}

SCSS

$color-1: #a9cf70;
$color-2: #74b895;
$color-3: #369999;
$color-4: #a6a480;
$color-5: #e3a171;

TAILWIND

colors: {
  'brand-1': '#a9cf70',
  'brand-2': '#74b895',
  'brand-3': '#369999',
  'brand-4': '#a6a480',
  'brand-5': '#e3a171',
}

RGB Array

[169, 207, 112], [116, 184, 149], [54, 153, 153], [166, 164, 128], [227, 161, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A9CF70, #74B895, #369999, #A6A480, #E3A171 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: #a9cf70; --color-2: #74b895; --color-3: #369999; --color-4: #a6a480; --color-5: #e3a171. 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