#BAC59A + #74A592 + #F5C45B + #B43D1D + #A18329 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#BAC59A

Willow Green · Tan · Apple Green

HEX

#BAC59A

RGB

rgb(186, 197, 154)

HSL

hsl(75, 27%, 69%)

HSB

hsb(75, 22%, 77%)

CMYK

cmyk(6%, 0%, 22%, 23%)

Oklch

oklch(80.4% 0.060 119.4)

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

#74A592

Mineral Blue · CadetBlue · Olive Green

HEX

#74A592

RGB

rgb(116, 165, 146)

HSL

hsl(157, 21%, 55%)

HSB

hsb(157, 30%, 65%)

CMYK

cmyk(30%, 0%, 12%, 35%)

Oklch

oklch(68.1% 0.060 168.5)

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

#F5C45B

Ginger · SandyBrown · Sunflower

HEX

#F5C45B

RGB

rgb(245, 196, 91)

HSL

hsl(41, 89%, 66%)

HSB

hsb(41, 63%, 96%)

CMYK

cmyk(0%, 20%, 63%, 4%)

Oklch

oklch(84.4% 0.134 84.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#B43D1D

Vermilion · Brown · Passion Red

HEX

#B43D1D

RGB

rgb(180, 61, 29)

HSL

hsl(13, 72%, 41%)

HSB

hsb(13, 84%, 71%)

CMYK

cmyk(0%, 66%, 84%, 29%)

Oklch

oklch(52.6% 0.160 35.5)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#A18329

Ochre · DarkGoldenRod · Honey Gold

HEX

#A18329

RGB

rgb(161, 131, 41)

HSL

hsl(45, 59%, 40%)

HSB

hsb(45, 75%, 63%)

CMYK

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

Oklch

oklch(62.2% 0.111 89.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BAC59A

A59BC5

Analogous

C5BB9B

BAC59A

A5C59B

Triadic

BAC59A

9BBBC5

C59BBB

Split-Comp.

BAC59A

9BA5C5

BB9BC5

Tetradic

BAC59A

9BC5BB

A59BC5

C59BA5

Contrast Matrix WCAG 2.1 Contrast

BAC59A	74A592	F5C45B	B43D1D	A18329
—	1.5 Fail	1.1 Fail	3.2 AA Large	2.0 Fail
1.5 Fail	—	1.7 Fail	2.1 Fail	1.3 Fail
1.1 Fail	1.7 Fail	—	3.6 AA Large	2.2 Fail
3.2 AA Large	2.1 Fail	3.6 AA Large	—	1.6 Fail
2.0 Fail	1.3 Fail	2.2 Fail	1.6 Fail	—

White BG

1.8Fail

2.8Fail

1.6Fail

5.8AA

3.6AA Large

Black BG

11.5AAA

7.5AAA

12.9AAA

3.6AA Large

5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBFA4

898A97

E0DF74

807F25

94943F

Deuteranopia

BEBDA7

868398

E3E67B

879027

969844

Tritanopia

BBADAE

769A9B

F3888D

AE2B2C

A05054

Achromatopsia

BDBDBD

949494

C7C7C7

5D5D5D

828282

Shades & Tints Shades & Tints

#BAC59A

Dark

Light

#74A592

Dark

Light

#F5C45B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bac59a;
  --color-2: #74a592;
  --color-3: #f5c45b;
  --color-4: #b43d1d;
  --color-5: #a18329;
}

SCSS

$color-1: #bac59a;
$color-2: #74a592;
$color-3: #f5c45b;
$color-4: #b43d1d;
$color-5: #a18329;

TAILWIND

colors: {
  'brand-1': '#bac59a',
  'brand-2': '#74a592',
  'brand-3': '#f5c45b',
  'brand-4': '#b43d1d',
  'brand-5': '#a18329',
}

RGB Array

[186, 197, 154], [116, 165, 146], [245, 196, 91], [180, 61, 29], [161, 131, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BAC59A, #74A592, #F5C45B, #B43D1D, #A18329 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: #bac59a; --color-2: #74a592; --color-3: #f5c45b; --color-4: #b43d1d; --color-5: #a18329. 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