← Back to Editor

#A9BF32 · #AFC13B · #BED352 · #C9D680 · #D9E5A3

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A9BF32

Autumn Sage · GoldenRod · Honey Gold

HEX
#A9BF32
RGB
rgb(169, 191, 50)
HSL
hsl(69, 59%, 47%)
HSB
hsb(69, 74%, 75%)
CMYK
cmyk(12%, 0%, 74%, 25%)
Oklch
oklch(76.3% 0.161 118.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#AFC13B

Autumn Sage · GoldenRod · Honey Gold

HEX
#AFC13B
RGB
rgb(175, 193, 59)
HSL
hsl(68, 53%, 49%)
HSB
hsb(68, 69%, 76%)
CMYK
cmyk(9%, 0%, 69%, 24%)
Oklch
oklch(77.3% 0.155 116.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#BED352

Grass Green · GreenYellow · Olive Green

HEX
#BED352
RGB
rgb(190, 211, 82)
HSL
hsl(70, 59%, 57%)
HSB
hsb(70, 61%, 83%)
CMYK
cmyk(10%, 0%, 61%, 17%)
Oklch
oklch(82.6% 0.155 117.7)

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

#C9D680

Fresh Green · Tan · Sunflower

HEX
#C9D680
RGB
rgb(201, 214, 128)
HSL
hsl(69, 51%, 67%)
HSB
hsb(69, 40%, 84%)
CMYK
cmyk(6%, 0%, 40%, 16%)
Oklch
oklch(84.7% 0.111 115.8)

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

#D9E5A3

Willow Green · Khaki · Apple Green

HEX
#D9E5A3
RGB
rgb(217, 229, 163)
HSL
hsl(71, 56%, 77%)
HSB
hsb(71, 29%, 90%)
CMYK
cmyk(5%, 0%, 29%, 10%)
Oklch
oklch(89.7% 0.087 116.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A9BF32
4631BF

Analogous

BF8D31
A9BF32
63BF31

Triadic

A9BF32
31A9BF
BF31A9

Split-Comp.

A9BF32
3163BF
8D31BF

Tetradic

A9BF32
31BF8D
4631BF
BF3163

Contrast Matrix WCAG 2.1 Contrast

A9BF32
AFC13B
BED352
C9D680
D9E5A3
—
1.0
Fail
1.2
Fail
1.3
Fail
1.5
Fail
1.0
Fail
—
1.2
Fail
1.3
Fail
1.5
Fail
1.2
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
1.5
Fail
1.2
Fail
1.2
Fail
—
White BG
2.1Fail
2.0Fail
1.7Fail
1.6Fail
1.3Fail
Black BG
10.2AAA
10.5AAA
12.6AAA
13.4AAA
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B354
B7B75B
C7C771
CFCF95
DEDEB3

Deuteranopia

B1B05C
B6B463
C6C479
CECD9A
DEDDB7

Tritanopia

AA6F75
B0757B
BF8A8F
CAA5A9
DAC0C2

Achromatopsia

A8A8A8
ACACAC
BEBEBE
C8C8C8
DADADA

Shades & Tints Shades & Tints

#A9BF32

Dark
Light

#AFC13B

Dark
Light

#BED352

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a9bf32;
  --color-2: #afc13b;
  --color-3: #bed352;
  --color-4: #c9d680;
  --color-5: #d9e5a3;
}

SCSS

$color-1: #a9bf32;
$color-2: #afc13b;
$color-3: #bed352;
$color-4: #c9d680;
$color-5: #d9e5a3;

TAILWIND

colors: {
  'brand-1': '#a9bf32',
  'brand-2': '#afc13b',
  'brand-3': '#bed352',
  'brand-4': '#c9d680',
  'brand-5': '#d9e5a3',
}

RGB Array

[169, 191, 50], [175, 193, 59], [190, 211, 82], [201, 214, 128], [217, 229, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A9BF32, #AFC13B, #BED352, #C9D680, #D9E5A3 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: #a9bf32; --color-2: #afc13b; --color-3: #bed352; --color-4: #c9d680; --color-5: #d9e5a3. 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