← Back to Editor

#73493C · #CC9A68 · #A38E61 · #8C7C45 · #3B3C37

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

#73493C

Crimson · DarkOliveGreen · Wine Red

HEX
#73493C
RGB
rgb(115, 73, 60)
HSL
hsl(14, 31%, 34%)
HSB
hsb(14, 48%, 45%)
CMYK
cmyk(0%, 37%, 48%, 55%)
Oklch
oklch(45.0% 0.062 37.9)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#CC9A68

Ginger · DarkSalmon · Warm Sun

HEX
#CC9A68
RGB
rgb(204, 154, 104)
HSL
hsl(30, 50%, 60%)
HSB
hsb(30, 49%, 80%)
CMYK
cmyk(0%, 25%, 49%, 20%)
Oklch
oklch(72.2% 0.089 65.6)

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

#A38E61

Ginger · Gray · Sunflower

HEX
#A38E61
RGB
rgb(163, 142, 97)
HSL
hsl(41, 26%, 51%)
HSB
hsb(41, 40%, 64%)
CMYK
cmyk(0%, 13%, 40%, 36%)
Oklch
oklch(65.5% 0.067 85.6)

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

#8C7C45

Ochre · Sienna · Honey Gold

HEX
#8C7C45
RGB
rgb(140, 124, 69)
HSL
hsl(46, 34%, 41%)
HSB
hsb(46, 51%, 55%)
CMYK
cmyk(0%, 11%, 51%, 45%)
Oklch
oklch(58.8% 0.077 93.6)

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

#3B3C37

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#3B3C37
RGB
rgb(59, 60, 55)
HSL
hsl(72, 4%, 23%)
HSB
hsb(72, 8%, 24%)
CMYK
cmyk(2%, 0%, 8%, 76%)
Oklch
oklch(35.3% 0.009 116.0)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

73493C
3C6572

Analogous

723C4A
73493C
72633C

Triadic

73493C
3C7248
483C72

Split-Comp.

73493C
3C7263
3C4A72

Tetradic

73493C
4A723C
3C6572
633C72

Contrast Matrix WCAG 2.1 Contrast

73493C
CC9A68
A38E61
8C7C45
3B3C37
—
3.1
AA Large
2.4
Fail
1.9
Fail
1.5
Fail
3.1
AA Large
—
1.3
Fail
1.7
Fail
4.4
AA Large
2.4
Fail
1.3
Fail
—
1.3
Fail
3.5
AA Large
1.9
Fail
1.7
Fail
1.3
Fail
—
2.7
Fail
1.5
Fail
4.4
AA Large
3.5
AA Large
2.7
Fail
—
White BG
7.6AAA
2.5Fail
3.2AA Large
4.1AA Large
11.1AAA
Black BG
2.7Fail
8.4AAA
6.6AA
5.1AA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

61603F
B6B674
9A9A6C
858552
3B3B38

Deuteranopia

636640
B9BD77
9B9D6F
868756
3B3B39

Tritanopia

714242
C97E80
A27476
8B5D5F
3B3939

Achromatopsia

545454
A3A3A3
8F8F8F
7B7B7B
3B3B3B

Shades & Tints Shades & Tints

#73493C

Dark
Light

#CC9A68

Dark
Light

#A38E61

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #73493c;
  --color-2: #cc9a68;
  --color-3: #a38e61;
  --color-4: #8c7c45;
  --color-5: #3b3c37;
}

SCSS

$color-1: #73493c;
$color-2: #cc9a68;
$color-3: #a38e61;
$color-4: #8c7c45;
$color-5: #3b3c37;

TAILWIND

colors: {
  'brand-1': '#73493c',
  'brand-2': '#cc9a68',
  'brand-3': '#a38e61',
  'brand-4': '#8c7c45',
  'brand-5': '#3b3c37',
}

RGB Array

[115, 73, 60], [204, 154, 104], [163, 142, 97], [140, 124, 69], [59, 60, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #73493C, #CC9A68, #A38E61, #8C7C45, #3B3C37 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #73493c; --color-2: #cc9a68; --color-3: #a38e61; --color-4: #8c7c45; --color-5: #3b3c37. 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. Restrained colors convey professionalism and trust. 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