← Back to Editor

#A9E06D · #52B98C · #3A9EA7 · #4F595A · #2C2016

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#A9E06D

Willow Green · LightGreen · Apple Green

HEX
#A9E06D
RGB
rgb(169, 224, 109)
HSL
hsl(89, 65%, 65%)
HSB
hsb(89, 51%, 88%)
CMYK
cmyk(25%, 0%, 51%, 12%)
Oklch
oklch(84.4% 0.157 130.3)

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

#52B98C

Mineral Blue · MediumSeaGreen · Olive Green

HEX
#52B98C
RGB
rgb(82, 185, 140)
HSL
hsl(154, 42%, 52%)
HSB
hsb(154, 56%, 73%)
CMYK
cmyk(56%, 0%, 24%, 27%)
Oklch
oklch(71.2% 0.118 162.3)

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

#3A9EA7

Slate Blue · LightSeaGreen · Mint Ice

HEX
#3A9EA7
RGB
rgb(58, 158, 167)
HSL
hsl(185, 48%, 44%)
HSB
hsb(185, 65%, 65%)
CMYK
cmyk(65%, 5%, 0%, 35%)
Oklch
oklch(64.6% 0.092 203.6)

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

#4F595A

Ink Gray · DimGray · Charcoal

HEX
#4F595A
RGB
rgb(79, 89, 90)
HSL
hsl(185, 7%, 33%)
HSB
hsb(185, 12%, 35%)
CMYK
cmyk(12%, 1%, 0%, 65%)
Oklch
oklch(45.6% 0.013 204.0)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#2C2016

Tangerine · Black · Cinnamon

HEX
#2C2016
RGB
rgb(44, 32, 22)
HSL
hsl(27, 33%, 13%)
HSB
hsb(27, 50%, 17%)
CMYK
cmyk(0%, 27%, 50%, 83%)
Oklch
oklch(25.5% 0.026 61.1)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A9E06D
A46CE0

Analogous

E0DE6C
A9E06D
6EE06C

Triadic

A9E06D
6CA8E0
E06CA8

Split-Comp.

A9E06D
6C6EE0
DE6CE0

Tetradic

A9E06D
6CE0DE
A46CE0
E06C6E

Contrast Matrix WCAG 2.1 Contrast

A9E06D
52B98C
3A9EA7
4F595A
2C2016
—
1.6
Fail
2.0
Fail
4.7
AA
10.2
AAA
1.6
Fail
—
1.3
Fail
3.0
Fail
6.5
AA
2.0
Fail
1.3
Fail
—
2.3
Fail
5.0
AA
4.7
AA
3.0
Fail
2.3
Fail
—
2.2
Fail
10.2
AAA
6.5
AA
5.0
AA
2.2
Fail
—
White BG
1.5Fail
2.4Fail
3.2AA Large
7.2AAA
15.8AAA
Black BG
13.6AAA
8.7AAA
6.6AA
2.9Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C189
7F8097
6566A5
53535A
272718

Deuteranopia

BEBA90
79719A
6058A4
53525A
282819

Tritanopia

AC9FA4
579FA1
3FA3A3
505A5A
2B1A1B

Achromatopsia

C2C2C2
959595
818181
565656
222222

Shades & Tints Shades & Tints

#A9E06D

Dark
Light

#52B98C

Dark
Light

#3A9EA7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a9e06d;
  --color-2: #52b98c;
  --color-3: #3a9ea7;
  --color-4: #4f595a;
  --color-5: #2c2016;
}

SCSS

$color-1: #a9e06d;
$color-2: #52b98c;
$color-3: #3a9ea7;
$color-4: #4f595a;
$color-5: #2c2016;

TAILWIND

colors: {
  'brand-1': '#a9e06d',
  'brand-2': '#52b98c',
  'brand-3': '#3a9ea7',
  'brand-4': '#4f595a',
  'brand-5': '#2c2016',
}

RGB Array

[169, 224, 109], [82, 185, 140], [58, 158, 167], [79, 89, 90], [44, 32, 22]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A9E06D, #52B98C, #3A9EA7, #4F595A, #2C2016 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #a9e06d; --color-2: #52b98c; --color-3: #3a9ea7; --color-4: #4f595a; --color-5: #2c2016. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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