← Back to Editor

#E74183 · #7D7D7F · #8F6A26 · #4B2101 · #4A4F29

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

Color Details Color Details

#E74183

Dark Violet · DeepPink · Rose Pink

HEX
#E74183
RGB
rgb(231, 65, 131)
HSL
hsl(336, 78%, 58%)
HSB
hsb(336, 72%, 91%)
CMYK
cmyk(0%, 72%, 43%, 9%)
Oklch
oklch(63.5% 0.207 1.0)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#7D7D7F

Ink Gray · Gray · Warm Gray

HEX
#7D7D7F
RGB
rgb(125, 125, 127)
HSL
hsl(240, 1%, 49%)
HSB
hsb(240, 2%, 50%)
CMYK
cmyk(2%, 2%, 0%, 50%)
Oklch
oklch(59.0% 0.003 286.3)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#8F6A26

Ochre · Sienna · Amber Brown

HEX
#8F6A26
RGB
rgb(143, 106, 38)
HSL
hsl(39, 58%, 35%)
HSB
hsb(39, 73%, 56%)
CMYK
cmyk(0%, 26%, 73%, 44%)
Oklch
oklch(54.9% 0.096 79.3)

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

#4B2101

Tangerine · Maroon · Cinnamon

HEX
#4B2101
RGB
rgb(75, 33, 1)
HSL
hsl(26, 97%, 15%)
HSB
hsb(26, 99%, 29%)
CMYK
cmyk(0%, 56%, 99%, 71%)
Oklch
oklch(30.2% 0.076 52.4)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#4A4F29

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#4A4F29
RGB
rgb(74, 79, 41)
HSL
hsl(68, 32%, 24%)
HSB
hsb(68, 48%, 31%)
CMYK
cmyk(6%, 0%, 48%, 69%)
Oklch
oklch(41.3% 0.058 115.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E74183
40E7A5

Analogous

E740D7
E74183
E75140

Triadic

E74183
83E740
4083E7

Split-Comp.

E74183
40E751
40D7E7

Tetradic

E74183
D7E740
40E7A5
5140E7

Contrast Matrix WCAG 2.1 Contrast

E74183
7D7D7F
8F6A26
4B2101
4A4F29
—
1.1
Fail
1.3
Fail
3.6
AA Large
2.2
Fail
1.1
Fail
—
1.2
Fail
3.4
AA Large
2.1
Fail
1.3
Fail
1.2
Fail
—
2.8
Fail
1.7
Fail
3.6
AA Large
3.4
AA Large
2.8
Fail
—
1.6
Fail
2.2
Fail
2.1
Fail
1.7
Fail
1.6
Fail
—
White BG
3.8AA Large
4.1AA Large
4.9AA
13.8AAA
8.6AAA
Black BG
5.5AA
5.1AA
4.3AA Large
1.5Fail
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9E73
7D7D7F
7F7F36
393809
4C4C32

Deuteranopia

A9B56F
7D7D7E
81843A
3B3E0B
4C4C34

Tritanopia

DF6664
7D7E7E
8D4346
490F10
4A393B

Achromatopsia

7A7A7A
7D7D7D
6D6D6D
2A2A2A
494949

Shades & Tints Shades & Tints

#E74183

Dark
Light

#7D7D7F

Dark
Light

#8F6A26

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e74183;
  --color-2: #7d7d7f;
  --color-3: #8f6a26;
  --color-4: #4b2101;
  --color-5: #4a4f29;
}

SCSS

$color-1: #e74183;
$color-2: #7d7d7f;
$color-3: #8f6a26;
$color-4: #4b2101;
$color-5: #4a4f29;

TAILWIND

colors: {
  'brand-1': '#e74183',
  'brand-2': '#7d7d7f',
  'brand-3': '#8f6a26',
  'brand-4': '#4b2101',
  'brand-5': '#4a4f29',
}

RGB Array

[231, 65, 131], [125, 125, 127], [143, 106, 38], [75, 33, 1], [74, 79, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E74183, #7D7D7F, #8F6A26, #4B2101, #4A4F29 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: #e74183; --color-2: #7d7d7f; --color-3: #8f6a26; --color-4: #4b2101; --color-5: #4a4f29. 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