#805644 + #AF8732 + #BCCD37 + #C5CF96 + #D45F2C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#805644

Tangerine · Sienna · Amber Brown

HEX

#805644

RGB

rgb(128, 86, 68)

HSL

hsl(18, 31%, 38%)

HSB

hsb(18, 47%, 50%)

CMYK

cmyk(0%, 33%, 47%, 50%)

Oklch

oklch(49.4% 0.063 44.0)

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

#AF8732

Ochre · DarkGoldenRod · Honey Gold

HEX

#AF8732

RGB

rgb(175, 135, 50)

HSL

hsl(41, 56%, 44%)

HSB

hsb(41, 71%, 69%)

CMYK

cmyk(0%, 23%, 71%, 31%)

Oklch

oklch(64.6% 0.112 82.9)

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

#BCCD37

Autumn Sage · GreenYellow · Sunflower

HEX

#BCCD37

RGB

rgb(188, 205, 55)

HSL

hsl(67, 60%, 51%)

HSB

hsb(67, 73%, 80%)

CMYK

cmyk(8%, 0%, 73%, 20%)

Oklch

oklch(80.9% 0.167 115.9)

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

#C5CF96

Willow Green · Tan · Apple Green

HEX

#C5CF96

RGB

rgb(197, 207, 150)

HSL

hsl(71, 37%, 70%)

HSB

hsb(71, 28%, 81%)

CMYK

cmyk(5%, 0%, 28%, 19%)

Oklch

oklch(83.3% 0.076 116.2)

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

#D45F2C

Tangerine · Chocolate · Amber Brown

HEX

#D45F2C

RGB

rgb(212, 95, 44)

HSL

hsl(18, 66%, 50%)

HSB

hsb(18, 79%, 83%)

CMYK

cmyk(0%, 55%, 79%, 17%)

Oklch

oklch(62.3% 0.161 42.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

805644

436D7F

Analogous

7F434F

805644

7F7343

Triadic

805644

437F55

55437F

Split-Comp.

805644

437F73

434F7F

Tetradic

805644

4F7F43

436D7F

73437F

Contrast Matrix WCAG 2.1 Contrast

805644	AF8732	BCCD37	C5CF96	D45F2C
—	1.9 Fail	3.6 AA Large	3.8 AA Large	1.6 Fail
1.9 Fail	—	1.9 Fail	2.0 Fail	1.2 Fail
3.6 AA Large	1.9 Fail	—	1.1 Fail	2.2 Fail
3.8 AA Large	2.0 Fail	1.1 Fail	—	2.3 Fail
1.6 Fail	1.2 Fail	2.2 Fail	2.3 Fail	—

White BG

6.3AA

3.3AA Large

1.8Fail

1.6Fail

3.8AA Large

Black BG

3.3AA Large

6.3AA

11.9AAA

12.7AAA

5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E6D48

9E9D47

C3C45B

C9C9A4

A1A038

Deuteranopia

707349

A0A34C

C2C164

C9C8A7

A8B13B

Tritanopia

7E4C4D

AD575A

BD787E

C5AFB1

CE4244

Achromatopsia

616161

898989

B7B7B7

C6C6C6

7C7C7C

Shades & Tints Shades & Tints

#805644

Dark

Light

#AF8732

Dark

Light

#BCCD37

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #805644;
  --color-2: #af8732;
  --color-3: #bccd37;
  --color-4: #c5cf96;
  --color-5: #d45f2c;
}

SCSS

$color-1: #805644;
$color-2: #af8732;
$color-3: #bccd37;
$color-4: #c5cf96;
$color-5: #d45f2c;

TAILWIND

colors: {
  'brand-1': '#805644',
  'brand-2': '#af8732',
  'brand-3': '#bccd37',
  'brand-4': '#c5cf96',
  'brand-5': '#d45f2c',
}

RGB Array

[128, 86, 68], [175, 135, 50], [188, 205, 55], [197, 207, 150], [212, 95, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #805644, #AF8732, #BCCD37, #C5CF96, #D45F2C 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: #805644; --color-2: #af8732; --color-3: #bccd37; --color-4: #c5cf96; --color-5: #d45f2c. 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