← Back to Editor

#3C3932 · #A79200 · #F7E7AB · #AC2389 · #000000

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 LibraryData Visualization

Color Details Color Details

#3C3932

Ochre · DarkSlateGray · Dark Stone

HEX
#3C3932
RGB
rgb(60, 57, 50)
HSL
hsl(42, 9%, 22%)
HSB
hsb(42, 17%, 24%)
CMYK
cmyk(0%, 5%, 17%, 76%)
Oklch
oklch(34.5% 0.013 87.6)

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

#A79200

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A79200
RGB
rgb(167, 146, 0)
HSL
hsl(52, 100%, 33%)
HSB
hsb(52, 100%, 65%)
CMYK
cmyk(0%, 13%, 100%, 35%)
Oklch
oklch(65.9% 0.137 99.0)

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

#F7E7AB

Goose Yellow · Wheat · Lemon Cream

HEX
#F7E7AB
RGB
rgb(247, 231, 171)
HSL
hsl(47, 83%, 82%)
HSB
hsb(47, 31%, 97%)
CMYK
cmyk(0%, 6%, 31%, 3%)
Oklch
oklch(92.7% 0.079 95.0)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#AC2389

Rose Purple · MediumVioletRed · Violet

HEX
#AC2389
RGB
rgb(172, 35, 137)
HSL
hsl(315, 66%, 41%)
HSB
hsb(315, 80%, 67%)
CMYK
cmyk(0%, 80%, 20%, 33%)
Oklch
oklch(51.7% 0.198 340.9)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3C3932
33363D

Analogous

3D3533
3C3932
3B3D33

Triadic

3C3932
333D3A
3A333D

Split-Comp.

3C3932
333B3D
35333D

Tetradic

3C3932
333D35
33363D
3D333B

Contrast Matrix WCAG 2.1 Contrast

3C3932
A79200
F7E7AB
AC2389
000000
—
3.7
AA Large
9.3
AAA
1.8
Fail
1.8
Fail
3.7
AA Large
—
2.5
Fail
2.0
Fail
6.8
AA
9.3
AAA
2.5
Fail
—
5.1
AA
17.0
AAA
1.8
Fail
2.0
Fail
5.1
AA
—
3.4
AA Large
1.8
Fail
6.8
AA
17.0
AAA
3.4
AA Large
—
White BG
11.5AAA
3.1AA Large
1.2Fail
6.3AA
21.0AAA
Black BG
1.8Fail
6.8AA
17.0AAA
3.4AA Large
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

3B3B34
9E9E23
F0F0BA
716F70
000000

Deuteranopia

3B3B34
9FA12C
F1F2BD
79836A
000000

Tritanopia

3C3535
A63F45
F6C5C8
A55D59
000000

Achromatopsia

393939
888888
E5E5E5
585858
000000

Shades & Tints Shades & Tints

#3C3932

Dark
Light

#A79200

Dark
Light

#F7E7AB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3c3932;
  --color-2: #a79200;
  --color-3: #f7e7ab;
  --color-4: #ac2389;
  --color-5: #000000;
}

SCSS

$color-1: #3c3932;
$color-2: #a79200;
$color-3: #f7e7ab;
$color-4: #ac2389;
$color-5: #000000;

TAILWIND

colors: {
  'brand-1': '#3c3932',
  'brand-2': '#a79200',
  'brand-3': '#f7e7ab',
  'brand-4': '#ac2389',
  'brand-5': '#000000',
}

RGB Array

[60, 57, 50], [167, 146, 0], [247, 231, 171], [172, 35, 137], [0, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3C3932, #A79200, #F7E7AB, #AC2389, #000000 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #3c3932; --color-2: #a79200; --color-3: #f7e7ab; --color-4: #ac2389; --color-5: #000000. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. High-contrast palettes naturally meet WCAG accessibility standards. 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