#47472D + #C33823 + #BB7752 + #9EAF83 + #49695E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#47472D

Autumn Sage · DarkOliveGreen · Amber Gold

HEX

#47472D

RGB

rgb(71, 71, 45)

HSL

hsl(60, 22%, 23%)

HSB

hsb(60, 37%, 28%)

CMYK

cmyk(0%, 0%, 37%, 72%)

Oklch

oklch(39.1% 0.041 108.2)

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

#C33823

Vermilion · FireBrick · Passion Red

HEX

#C33823

RGB

rgb(195, 56, 35)

HSL

hsl(8, 70%, 45%)

HSB

hsb(8, 82%, 76%)

CMYK

cmyk(0%, 71%, 82%, 24%)

Oklch

oklch(54.7% 0.179 31.5)

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

#BB7752

Tangerine · Chocolate · Warm Sun

HEX

#BB7752

RGB

rgb(187, 119, 82)

HSL

hsl(21, 44%, 53%)

HSB

hsb(21, 56%, 73%)

CMYK

cmyk(0%, 36%, 56%, 27%)

Oklch

oklch(63.3% 0.100 48.8)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#9EAF83

Grass Green · DarkSeaGreen · Olive Green

HEX

#9EAF83

RGB

rgb(158, 175, 131)

HSL

hsl(83, 22%, 60%)

HSB

hsb(83, 25%, 69%)

CMYK

cmyk(10%, 0%, 25%, 31%)

Oklch

oklch(72.9% 0.064 125.1)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#49695E

Mineral Blue · DimGray · Forest Green

HEX

#49695E

RGB

rgb(73, 105, 94)

HSL

hsl(159, 18%, 35%)

HSB

hsb(159, 30%, 41%)

CMYK

cmyk(30%, 0%, 10%, 59%)

Oklch

oklch(49.2% 0.041 171.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

47472D

2E2E48

Analogous

483B2E

47472D

3B482E

Triadic

47472D

2E4848

482E48

Split-Comp.

47472D

2E3B48

3B2E48

Tetradic

47472D

2E483B

2E2E48

482E3B

Contrast Matrix WCAG 2.1 Contrast

47472D	C33823	BB7752	9EAF83	49695E
—	1.8 Fail	2.7 Fail	4.0 AA Large	1.6 Fail
1.8 Fail	—	1.5 Fail	2.3 Fail	1.1 Fail
2.7 Fail	1.5 Fail	—	1.5 Fail	1.7 Fail
4.0 AA Large	2.3 Fail	1.5 Fail	—	2.6 Fail
1.6 Fail	1.1 Fail	1.7 Fail	2.6 Fail	—

White BG

9.5AAA

5.4AA

3.6AA Large

2.4Fail

6.1AA

Black BG

2.2Fail

3.9AA Large

5.9AA

8.9AAA

3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

474733

878628

9E9D5B

A5A68E

575761

Deuteranopia

474735

8F9929

A2A75D

A4A390

555361

Tritanopia

473839

BC2C2D

B86264

9F9698

4B6363

Achromatopsia

444444

5F5F5F

878787

A5A5A5

5E5E5E

Shades & Tints Shades & Tints

#47472D

Dark

Light

#C33823

Dark

Light

#BB7752

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #47472d;
  --color-2: #c33823;
  --color-3: #bb7752;
  --color-4: #9eaf83;
  --color-5: #49695e;
}

SCSS

$color-1: #47472d;
$color-2: #c33823;
$color-3: #bb7752;
$color-4: #9eaf83;
$color-5: #49695e;

TAILWIND

colors: {
  'brand-1': '#47472d',
  'brand-2': '#c33823',
  'brand-3': '#bb7752',
  'brand-4': '#9eaf83',
  'brand-5': '#49695e',
}

RGB Array

[71, 71, 45], [195, 56, 35], [187, 119, 82], [158, 175, 131], [73, 105, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #47472D, #C33823, #BB7752, #9EAF83, #49695E 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: #47472d; --color-2: #c33823; --color-3: #bb7752; --color-4: #9eaf83; --color-5: #49695e. 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