← Back to Editor

#7C4040 · #704342 · #634743 · #574B45 · #4A4E47

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarm

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#7C4040

Crimson · Sienna · Wine Red

HEX
#7C4040
RGB
rgb(124, 64, 64)
HSL
hsl(0, 32%, 37%)
HSB
hsb(0, 48%, 49%)
CMYK
cmyk(0%, 48%, 48%, 51%)
Oklch
oklch(44.7% 0.083 20.9)

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

#704342

Crimson · DarkOliveGreen · Wine Red

HEX
#704342
RGB
rgb(112, 67, 66)
HSL
hsl(1, 26%, 35%)
HSB
hsb(1, 41%, 44%)
CMYK
cmyk(0%, 40%, 41%, 56%)
Oklch
oklch(43.6% 0.063 21.3)

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

#634743

Crimson · DarkOliveGreen · Wine Red

HEX
#634743
RGB
rgb(99, 71, 67)
HSL
hsl(8, 19%, 33%)
HSB
hsb(8, 32%, 39%)
CMYK
cmyk(0%, 28%, 32%, 61%)
Oklch
oklch(42.7% 0.039 28.0)

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

#574B45

Tangerine · DarkOliveGreen · Amber Brown

HEX
#574B45
RGB
rgb(87, 75, 69)
HSL
hsl(20, 12%, 31%)
HSB
hsb(20, 21%, 34%)
CMYK
cmyk(0%, 14%, 21%, 66%)
Oklch
oklch(42.3% 0.019 48.3)

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

#4A4E47

Dark Cyan · DarkSlateGray · Charcoal

HEX
#4A4E47
RGB
rgb(74, 78, 71)
HSL
hsl(94, 5%, 29%)
HSB
hsb(94, 9%, 31%)
CMYK
cmyk(5%, 0%, 9%, 69%)
Oklch
oklch(41.8% 0.013 131.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7C4040
407D7D

Analogous

7D405E
7C4040
7D5E40

Triadic

7C4040
407D40
40407D

Split-Comp.

7C4040
407D5E
405E7D

Tetradic

7C4040
5E7D40
407D7D
5E407D

Contrast Matrix WCAG 2.1 Contrast

7C4040
704342
634743
574B45
4A4E47
—
1.0
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.1
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
White BG
7.9AAA
8.2AAA
8.4AAA
8.4AAA
8.5AAA
Black BG
2.7Fail
2.6Fail
2.5Fail
2.5Fail
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

626140
5D5C42
575744
525246
4C4C49

Deuteranopia

666A40
5F6242
595B44
535347
4C4B49

Tritanopia

794040
6E4242
624545
564848
4A4A4A

Achromatopsia

525252
505050
4F4F4F
4E4E4E
4C4C4C

Shades & Tints Shades & Tints

#7C4040

Dark
Light

#704342

Dark
Light

#634743

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7c4040;
  --color-2: #704342;
  --color-3: #634743;
  --color-4: #574b45;
  --color-5: #4a4e47;
}

SCSS

$color-1: #7c4040;
$color-2: #704342;
$color-3: #634743;
$color-4: #574b45;
$color-5: #4a4e47;

TAILWIND

colors: {
  'brand-1': '#7c4040',
  'brand-2': '#704342',
  'brand-3': '#634743',
  'brand-4': '#574b45',
  'brand-5': '#4a4e47',
}

RGB Array

[124, 64, 64], [112, 67, 66], [99, 71, 67], [87, 75, 69], [74, 78, 71]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7C4040, #704342, #634743, #574B45, #4A4E47 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. 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: #7c4040; --color-2: #704342; --color-3: #634743; --color-4: #574b45; --color-5: #4a4e47. 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 finance, legal, luxury 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