← Back to Editor

#4F004E · #73004E · #821B3E · #803A2E · #936B1E

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#4F004E

Rose Purple · MidnightBlue · Dark Purple

HEX
#4F004E
RGB
rgb(79, 0, 78)
HSL
hsl(301, 100%, 15%)
HSB
hsb(301, 100%, 31%)
CMYK
cmyk(0%, 100%, 1%, 69%)
Oklch
oklch(29.9% 0.137 329.0)

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

#73004E

Rose Purple · Purple · Eggplant

HEX
#73004E
RGB
rgb(115, 0, 78)
HSL
hsl(319, 100%, 23%)
HSB
hsb(319, 100%, 45%)
CMYK
cmyk(0%, 100%, 32%, 55%)
Oklch
oklch(36.8% 0.155 347.5)

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

#821B3E

Dark Violet · Brown · Camellia

HEX
#821B3E
RGB
rgb(130, 27, 62)
HSL
hsl(340, 66%, 31%)
HSB
hsb(340, 79%, 51%)
CMYK
cmyk(0%, 79%, 52%, 49%)
Oklch
oklch(40.7% 0.139 5.9)

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

#803A2E

Crimson · Sienna · Wine Red

HEX
#803A2E
RGB
rgb(128, 58, 46)
HSL
hsl(9, 47%, 34%)
HSB
hsb(9, 64%, 50%)
CMYK
cmyk(0%, 55%, 64%, 50%)
Oklch
oklch(43.9% 0.100 31.4)

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

#936B1E

Ochre · Sienna · Amber Brown

HEX
#936B1E
RGB
rgb(147, 107, 30)
HSL
hsl(39, 66%, 35%)
HSB
hsb(39, 80%, 58%)
CMYK
cmyk(0%, 27%, 80%, 42%)
Oklch
oklch(55.5% 0.103 79.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4F004E
004D01

Analogous

28004D
4F004E
4D0025

Triadic

4F004E
4B4D00
004B4D

Split-Comp.

4F004E
254D00
004D28

Tetradic

4F004E
4D2800
004D01
00254D

Contrast Matrix WCAG 2.1 Contrast

4F004E
73004E
821B3E
803A2E
936B1E
—
1.3
Fail
1.5
Fail
1.8
Fail
3.0
AA Large
1.3
Fail
—
1.2
Fail
1.4
Fail
2.4
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
2.0
Fail
1.8
Fail
1.4
Fail
1.2
Fail
—
1.7
Fail
3.0
AA Large
2.4
Fail
2.0
Fail
1.7
Fail
—
White BG
14.6AAA
11.4AAA
9.7AAA
8.2AAA
4.8AA
Black BG
1.4Fail
1.8Fail
2.2Fail
2.6Fail
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

2D2C3B
41403B
555436
626131
828131

Deuteranopia

313737
485137
5B6334
666B32
848735

Tritanopia

4B2C29
6D2C29
7D2F2D
7D3334
913F43

Achromatopsia

212121
2B2B2B
3E3E3E
4E4E4E
6E6E6E

Shades & Tints Shades & Tints

#4F004E

Dark
Light

#73004E

Dark
Light

#821B3E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4f004e;
  --color-2: #73004e;
  --color-3: #821b3e;
  --color-4: #803a2e;
  --color-5: #936b1e;
}

SCSS

$color-1: #4f004e;
$color-2: #73004e;
$color-3: #821b3e;
$color-4: #803a2e;
$color-5: #936b1e;

TAILWIND

colors: {
  'brand-1': '#4f004e',
  'brand-2': '#73004e',
  'brand-3': '#821b3e',
  'brand-4': '#803a2e',
  'brand-5': '#936b1e',
}

RGB Array

[79, 0, 78], [115, 0, 78], [130, 27, 62], [128, 58, 46], [147, 107, 30]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #4F004E, #73004E, #821B3E, #803A2E, #936B1E is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #4f004e; --color-2: #73004e; --color-3: #821b3e; --color-4: #803a2e; --color-5: #936b1e. 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 warm-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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