#ACBB44 + #5C6B88 + #635727 + #7EAD9D + #AAAE61 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#ACBB44

Autumn Sage · GoldenRod · Honey Gold

HEX

#ACBB44

RGB

rgb(172, 187, 68)

HSL

hsl(68, 47%, 50%)

HSB

hsb(68, 64%, 73%)

CMYK

cmyk(8%, 0%, 64%, 27%)

Oklch

oklch(75.7% 0.143 116.0)

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

#5C6B88

Indigo · SlateGray · Navy Blue

HEX

#5C6B88

RGB

rgb(92, 107, 136)

HSL

hsl(220, 19%, 45%)

HSB

hsb(220, 32%, 53%)

CMYK

cmyk(32%, 21%, 0%, 47%)

Oklch

oklch(52.7% 0.049 263.4)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#635727

Ochre · DarkOliveGreen · Honey Gold

HEX

#635727

RGB

rgb(99, 87, 39)

HSL

hsl(48, 43%, 27%)

HSB

hsb(48, 61%, 39%)

CMYK

cmyk(0%, 12%, 61%, 61%)

Oklch

oklch(45.8% 0.069 95.5)

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

#7EAD9D

Mineral Blue · DarkSeaGreen · Lake Green

HEX

#7EAD9D

RGB

rgb(126, 173, 157)

HSL

hsl(160, 22%, 59%)

HSB

hsb(160, 27%, 68%)

CMYK

cmyk(27%, 0%, 9%, 32%)

Oklch

oklch(70.9% 0.056 171.6)

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

#AAAE61

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#AAAE61

RGB

rgb(170, 174, 97)

HSL

hsl(63, 32%, 53%)

HSB

hsb(63, 44%, 68%)

CMYK

cmyk(2%, 0%, 44%, 32%)

Oklch

oklch(73.0% 0.100 111.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ACBB44

5444BB

Analogous

BB8F44

ACBB44

70BB44

Triadic

ACBB44

44ABBB

BB44AB

Split-Comp.

ACBB44

4470BB

8F44BB

Tetradic

ACBB44

44BB8F

5444BB

BB4470

Contrast Matrix WCAG 2.1 Contrast

ACBB44	5C6B88	635727	7EAD9D	AAAE61
—	2.5 Fail	3.4 AA Large	1.2 Fail	1.1 Fail
2.5 Fail	—	1.3 Fail	2.1 Fail	2.3 Fail
3.4 AA Large	1.3 Fail	—	2.9 Fail	3.1 AA Large
1.2 Fail	2.1 Fail	2.9 Fail	—	1.1 Fail
1.1 Fail	2.3 Fail	3.1 AA Large	1.1 Fail	—

White BG

2.1Fail

5.4AA

7.2AAA

2.5Fail

2.3Fail

Black BG

9.9AAA

3.9AA Large

2.9Fail

8.4AAA

8.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B361

626381

5E5E33

9293A1

ACAC74

Deuteranopia

B2B168

62617F

5F5F35

908CA2

ACAB78

Tritanopia

AD787D

5D7B7A

623C3E

80A4A5

AA8286

Achromatopsia

A9A9A9

6A6A6A

555555

9D9D9D

A4A4A4

Shades & Tints Shades & Tints

#ACBB44

Dark

Light

#5C6B88

Dark

Light

#635727

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #acbb44;
  --color-2: #5c6b88;
  --color-3: #635727;
  --color-4: #7ead9d;
  --color-5: #aaae61;
}

SCSS

$color-1: #acbb44;
$color-2: #5c6b88;
$color-3: #635727;
$color-4: #7ead9d;
$color-5: #aaae61;

TAILWIND

colors: {
  'brand-1': '#acbb44',
  'brand-2': '#5c6b88',
  'brand-3': '#635727',
  'brand-4': '#7ead9d',
  'brand-5': '#aaae61',
}

RGB Array

[172, 187, 68], [92, 107, 136], [99, 87, 39], [126, 173, 157], [170, 174, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ACBB44, #5C6B88, #635727, #7EAD9D, #AAAE61 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: #acbb44; --color-2: #5c6b88; --color-3: #635727; --color-4: #7ead9d; --color-5: #aaae61. 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