#BDC23A + #A1A61C + #A6AB26 + #9A9E1B + #90A890 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#BDC23A

Autumn Sage · GoldenRod · Honey Gold

HEX

#BDC23A

RGB

rgb(189, 194, 58)

HSL

hsl(62, 54%, 49%)

HSB

hsb(62, 70%, 76%)

CMYK

cmyk(3%, 0%, 70%, 24%)

Oklch

oklch(78.6% 0.153 111.5)

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

#A1A61C

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#A1A61C

RGB

rgb(161, 166, 28)

HSL

hsl(62, 71%, 38%)

HSB

hsb(62, 83%, 65%)

CMYK

cmyk(3%, 0%, 83%, 35%)

Oklch

oklch(69.8% 0.147 111.9)

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

#A6AB26

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#A6AB26

RGB

rgb(166, 171, 38)

HSL

hsl(62, 64%, 41%)

HSB

hsb(62, 78%, 67%)

CMYK

cmyk(3%, 0%, 78%, 33%)

Oklch

oklch(71.4% 0.147 111.8)

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

#9A9E1B

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#9A9E1B

RGB

rgb(154, 158, 27)

HSL

hsl(62, 71%, 36%)

HSB

hsb(62, 83%, 62%)

CMYK

cmyk(3%, 0%, 83%, 38%)

Oklch

oklch(67.4% 0.141 111.5)

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

#90A890

Celadon · DarkSeaGreen · Apple Green

HEX

#90A890

RGB

rgb(144, 168, 144)

HSL

hsl(120, 12%, 61%)

HSB

hsb(120, 14%, 66%)

CMYK

cmyk(14%, 0%, 14%, 34%)

Oklch

oklch(70.6% 0.044 145.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BDC23A

3E39C0

Analogous

C08139

BDC23A

78C039

Triadic

BDC23A

39BCC0

C039BC

Split-Comp.

BDC23A

3978C0

8139C0

Tetradic

BDC23A

39C081

3E39C0

C03978

Contrast Matrix WCAG 2.1 Contrast

BDC23A	A1A61C	A6AB26	9A9E1B	90A890
—	1.4 Fail	1.3 Fail	1.5 Fail	1.3 Fail
1.4 Fail	—	1.1 Fail	1.1 Fail	1.0 Fail
1.3 Fail	1.1 Fail	—	1.2 Fail	1.0 Fail
1.5 Fail	1.1 Fail	1.2 Fail	—	1.1 Fail
1.3 Fail	1.0 Fail	1.0 Fail	1.1 Fail	—

White BG

1.9Fail

2.6Fail

2.5Fail

2.9Fail

2.6Fail

Black BG

10.9AAA

8.0AAA

8.5AAA

7.3AAA

8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBF5B

A3A33D

A8A846

9C9C3B

9A9B96

Deuteranopia

BFBE63

A3A345

A8A84E

9C9B42

999797

Tritanopia

BD757B

A1585E

A66065

9A5459

919A9B

Achromatopsia

B1B1B1

959595

9A9A9A

8E8E8E

9E9E9E

Shades & Tints Shades & Tints

#BDC23A

Dark

Light

#A1A61C

Dark

Light

#A6AB26

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bdc23a;
  --color-2: #a1a61c;
  --color-3: #a6ab26;
  --color-4: #9a9e1b;
  --color-5: #90a890;
}

SCSS

$color-1: #bdc23a;
$color-2: #a1a61c;
$color-3: #a6ab26;
$color-4: #9a9e1b;
$color-5: #90a890;

TAILWIND

colors: {
  'brand-1': '#bdc23a',
  'brand-2': '#a1a61c',
  'brand-3': '#a6ab26',
  'brand-4': '#9a9e1b',
  'brand-5': '#90a890',
}

RGB Array

[189, 194, 58], [161, 166, 28], [166, 171, 38], [154, 158, 27], [144, 168, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BDC23A, #A1A61C, #A6AB26, #9A9E1B, #90A890 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: #bdc23a; --color-2: #a1a61c; --color-3: #a6ab26; --color-4: #9a9e1b; --color-5: #90a890. 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