← Back to Editor

#9A3740 · #8C4250 · #7F4D60 · #71576F · #64627F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#9A3740

Crimson · Brown · Passion Red

HEX
#9A3740
RGB
rgb(154, 55, 64)
HSL
hsl(355, 47%, 41%)
HSB
hsb(355, 64%, 60%)
CMYK
cmyk(0%, 64%, 58%, 40%)
Oklch
oklch(48.0% 0.132 18.3)

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

#8C4250

Crimson · Sienna · Wine Red

HEX
#8C4250
RGB
rgb(140, 66, 80)
HSL
hsl(349, 36%, 40%)
HSB
hsb(349, 53%, 55%)
CMYK
cmyk(0%, 53%, 43%, 45%)
Oklch
oklch(47.8% 0.101 9.8)

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

#7F4D60

Dark Violet · DimGray · Camellia

HEX
#7F4D60
RGB
rgb(127, 77, 96)
HSL
hsl(337, 25%, 40%)
HSB
hsb(337, 39%, 50%)
CMYK
cmyk(0%, 39%, 24%, 50%)
Oklch
oklch(48.4% 0.072 355.8)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#71576F

Rose Purple · DimGray · Eggplant

HEX
#71576F
RGB
rgb(113, 87, 111)
HSL
hsl(305, 13%, 39%)
HSB
hsb(305, 23%, 44%)
CMYK
cmyk(0%, 23%, 2%, 56%)
Oklch
oklch(49.2% 0.050 328.8)

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

#64627F

Deep Indigo · DimGray · Navy Blue

HEX
#64627F
RGB
rgb(100, 98, 127)
HSL
hsl(244, 13%, 44%)
HSB
hsb(244, 23%, 50%)
CMYK
cmyk(21%, 23%, 0%, 50%)
Oklch
oklch(50.9% 0.046 287.8)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9A3740
379A91

Analogous

9A3771
9A3740
9A6037

Triadic

9A3740
409A37
37409A

Split-Comp.

9A3740
379A60
37719A

Tetradic

9A3740
719A37
379A91
60379A

Contrast Matrix WCAG 2.1 Contrast

9A3740
8C4250
7F4D60
71576F
64627F
—
1.0
Fail
1.0
Fail
1.1
Fail
1.2
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.2
Fail
1.0
Fail
1.0
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
White BG
7.0AAA
7.0AA
6.7AA
6.4AA
5.8AA
Black BG
3.0Fail
3.0AA Large
3.1AA Large
3.3AA Large
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

6F6E3E
6C6B4D
69695B
666669
636378

Deuteranopia

757C3D
70764C
6C705A
676968
636376

Tritanopia

953C3C
884A49
7C5857
706564
647271

Achromatopsia

565656
5A5A5A
5E5E5E
626262
666666

Shades & Tints Shades & Tints

#9A3740

Dark
Light

#8C4250

Dark
Light

#7F4D60

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9a3740;
  --color-2: #8c4250;
  --color-3: #7f4d60;
  --color-4: #71576f;
  --color-5: #64627f;
}

SCSS

$color-1: #9a3740;
$color-2: #8c4250;
$color-3: #7f4d60;
$color-4: #71576f;
$color-5: #64627f;

TAILWIND

colors: {
  'brand-1': '#9a3740',
  'brand-2': '#8c4250',
  'brand-3': '#7f4d60',
  'brand-4': '#71576f',
  'brand-5': '#64627f',
}

RGB Array

[154, 55, 64], [140, 66, 80], [127, 77, 96], [113, 87, 111], [100, 98, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9A3740, #8C4250, #7F4D60, #71576F, #64627F 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: #9a3740; --color-2: #8c4250; --color-3: #7f4d60; --color-4: #71576f; --color-5: #64627f. 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