← Back to Editor

#4F3735 · #672D2B · #352A28 · #6E1E27 · #6E5324

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

#4F3735

Crimson · DarkSlateGray · Wine Red

HEX
#4F3735
RGB
rgb(79, 55, 53)
HSL
hsl(5, 20%, 26%)
HSB
hsb(5, 33%, 31%)
CMYK
cmyk(0%, 30%, 33%, 69%)
Oklch
oklch(36.4% 0.035 24.3)

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

#672D2B

Crimson · Brown · Wine Red

HEX
#672D2B
RGB
rgb(103, 45, 43)
HSL
hsl(2, 41%, 29%)
HSB
hsb(2, 58%, 40%)
CMYK
cmyk(0%, 56%, 58%, 60%)
Oklch
oklch(37.7% 0.084 23.9)

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

#352A28

Crimson · DarkSlateGray · Deep Berry

HEX
#352A28
RGB
rgb(53, 42, 40)
HSL
hsl(9, 14%, 18%)
HSB
hsb(9, 25%, 21%)
CMYK
cmyk(0%, 21%, 25%, 79%)
Oklch
oklch(29.7% 0.017 30.1)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#6E1E27

Crimson · Maroon · Wine Red

HEX
#6E1E27
RGB
rgb(110, 30, 39)
HSL
hsl(353, 57%, 27%)
HSB
hsb(353, 73%, 43%)
CMYK
cmyk(0%, 73%, 65%, 57%)
Oklch
oklch(36.7% 0.112 18.4)

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

#6E5324

Ochre · DarkOliveGreen · Amber Brown

HEX
#6E5324
RGB
rgb(110, 83, 36)
HSL
hsl(38, 51%, 29%)
HSB
hsb(38, 67%, 43%)
CMYK
cmyk(0%, 25%, 67%, 57%)
Oklch
oklch(46.0% 0.073 79.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4F3735
354D50

Analogous

503540
4F3735
504535

Triadic

4F3735
355037
373550

Split-Comp.

4F3735
355045
354050

Tetradic

4F3735
405035
354D50
453550

Contrast Matrix WCAG 2.1 Contrast

4F3735
672D2B
352A28
6E1E27
6E5324
—
1.0
Fail
1.3
Fail
1.0
Fail
1.5
Fail
1.0
Fail
—
1.3
Fail
1.1
Fail
1.5
Fail
1.3
Fail
1.3
Fail
—
1.2
Fail
1.9
Fail
1.0
Fail
1.1
Fail
1.2
Fail
—
1.6
Fail
1.5
Fail
1.5
Fail
1.9
Fail
1.6
Fail
—
White BG
10.9AAA
10.6AAA
13.9AAA
11.2AAA
7.2AAA
Black BG
1.9Fail
2.0Fail
1.5Fail
1.9Fail
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

454435
4E4D2B
303028
4B4B25
62622F

Deuteranopia

464836
51562C
313229
505624
646632

Tritanopia

4E3636
642C2C
342929
6A2323
6D383A

Achromatopsia

3E3E3E
3E3E3E
2D2D2D
373737
565656

Shades & Tints Shades & Tints

#4F3735

Dark
Light

#672D2B

Dark
Light

#352A28

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4f3735;
  --color-2: #672d2b;
  --color-3: #352a28;
  --color-4: #6e1e27;
  --color-5: #6e5324;
}

SCSS

$color-1: #4f3735;
$color-2: #672d2b;
$color-3: #352a28;
$color-4: #6e1e27;
$color-5: #6e5324;

TAILWIND

colors: {
  'brand-1': '#4f3735',
  'brand-2': '#672d2b',
  'brand-3': '#352a28',
  'brand-4': '#6e1e27',
  'brand-5': '#6e5324',
}

RGB Array

[79, 55, 53], [103, 45, 43], [53, 42, 40], [110, 30, 39], [110, 83, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4F3735, #672D2B, #352A28, #6E1E27, #6E5324 is ideal for: tech websites, dark mode UIs, game UIs. 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: #4f3735; --color-2: #672d2b; --color-3: #352a28; --color-4: #6e1e27; --color-5: #6e5324. 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. 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