← Back to Editor

#AC7926 · #A98A2D · #CDA54E · #B68E37 · #89551C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#AC7926

Ochre · DarkGoldenRod · Amber Brown

HEX
#AC7926
RGB
rgb(172, 121, 38)
HSL
hsl(37, 64%, 41%)
HSB
hsb(37, 78%, 67%)
CMYK
cmyk(0%, 30%, 78%, 33%)
Oklch
oklch(61.4% 0.115 75.0)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#A98A2D

Ochre · DarkGoldenRod · Honey Gold

HEX
#A98A2D
RGB
rgb(169, 138, 45)
HSL
hsl(45, 58%, 42%)
HSB
hsb(45, 73%, 66%)
CMYK
cmyk(0%, 18%, 73%, 34%)
Oklch
oklch(64.6% 0.115 89.9)

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

#CDA54E

Ginger · SandyBrown · Sunflower

HEX
#CDA54E
RGB
rgb(205, 165, 78)
HSL
hsl(41, 56%, 55%)
HSB
hsb(41, 62%, 80%)
CMYK
cmyk(0%, 20%, 62%, 20%)
Oklch
oklch(74.1% 0.115 84.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#B68E37

Ochre · DarkGoldenRod · Honey Gold

HEX
#B68E37
RGB
rgb(182, 142, 55)
HSL
hsl(41, 54%, 46%)
HSB
hsb(41, 70%, 71%)
CMYK
cmyk(0%, 22%, 70%, 29%)
Oklch
oklch(66.8% 0.114 83.6)

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

#89551C

Ochre · Sienna · Amber Brown

HEX
#89551C
RGB
rgb(137, 85, 28)
HSL
hsl(31, 66%, 32%)
HSB
hsb(31, 80%, 54%)
CMYK
cmyk(0%, 38%, 80%, 46%)
Oklch
oklch(49.8% 0.098 63.9)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AC7926
2659AB

Analogous

AB3526
AC7926
9CAB26

Triadic

AC7926
26AB78
7826AB

Split-Comp.

AC7926
269CAB
3526AB

Tetradic

AC7926
26AB35
2659AB
AB269C

Contrast Matrix WCAG 2.1 Contrast

AC7926
A98A2D
CDA54E
B68E37
89551C
—
1.2
Fail
1.6
Fail
1.3
Fail
1.6
Fail
1.2
Fail
—
1.4
Fail
1.1
Fail
1.9
Fail
1.6
Fail
1.4
Fail
—
1.3
Fail
2.7
Fail
1.3
Fail
1.1
Fail
1.3
Fail
—
2.0
Fail
1.6
Fail
1.9
Fail
2.7
Fail
2.0
Fail
—
White BG
3.8AA Large
3.3AA Large
2.3Fail
3.0AA Large
6.2AA
Black BG
5.5AA
6.4AA
9.1AAA
6.9AA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

96953A
9C9B44
BCBB63
A5A44C
72722A

Deuteranopia

999D3F
9DA049
BEC168
A7AA51
76792D

Tritanopia

A94A4D
A75559
CB7477
B45D60
863537

Achromatopsia

7F7F7F
898989
A7A7A7
909090
5E5E5E

Shades & Tints Shades & Tints

#AC7926

Dark
Light

#A98A2D

Dark
Light

#CDA54E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ac7926;
  --color-2: #a98a2d;
  --color-3: #cda54e;
  --color-4: #b68e37;
  --color-5: #89551c;
}

SCSS

$color-1: #ac7926;
$color-2: #a98a2d;
$color-3: #cda54e;
$color-4: #b68e37;
$color-5: #89551c;

TAILWIND

colors: {
  'brand-1': '#ac7926',
  'brand-2': '#a98a2d',
  'brand-3': '#cda54e',
  'brand-4': '#b68e37',
  'brand-5': '#89551c',
}

RGB Array

[172, 121, 38], [169, 138, 45], [205, 165, 78], [182, 142, 55], [137, 85, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AC7926, #A98A2D, #CDA54E, #B68E37, #89551C 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: #ac7926; --color-2: #a98a2d; --color-3: #cda54e; --color-4: #b68e37; --color-5: #89551c. 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