#720721 + #93304F + #99435C + #645244 + #2E1D2A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#720721

Vermilion · Maroon · Wine Red

HEX

#720721

RGB

rgb(114, 7, 33)

HSL

hsl(345, 88%, 24%)

HSB

hsb(345, 94%, 45%)

CMYK

cmyk(0%, 94%, 71%, 55%)

Oklch

oklch(35.5% 0.136 16.7)

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

#93304F

Dark Violet · Brown · Camellia

HEX

#93304F

RGB

rgb(147, 48, 79)

HSL

hsl(341, 51%, 38%)

HSB

hsb(341, 67%, 58%)

CMYK

cmyk(0%, 67%, 46%, 42%)

Oklch

oklch(46.4% 0.135 4.9)

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

#99435C

Dark Violet · Sienna · Camellia

HEX

#99435C

RGB

rgb(153, 67, 92)

HSL

hsl(343, 39%, 43%)

HSB

hsb(343, 56%, 60%)

CMYK

cmyk(0%, 56%, 40%, 40%)

Oklch

oklch(50.2% 0.118 4.0)

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

#645244

Tangerine · DarkOliveGreen · Amber Brown

HEX

#645244

RGB

rgb(100, 82, 68)

HSL

hsl(26, 19%, 33%)

HSB

hsb(26, 32%, 39%)

CMYK

cmyk(0%, 18%, 32%, 61%)

Oklch

oklch(45.3% 0.033 59.7)

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

#2E1D2A

Rose Purple · DarkSlateGray · Dark Purple

HEX

#2E1D2A

RGB

rgb(46, 29, 42)

HSL

hsl(314, 23%, 15%)

HSB

hsb(314, 37%, 18%)

CMYK

cmyk(0%, 37%, 9%, 82%)

Oklch

oklch(25.8% 0.035 335.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

720721

077358

Analogous

730758

720721

732207

Triadic

720721

227307

072273

Split-Comp.

720721

077322

075873

Tetradic

720721

587307

077358

220773

Contrast Matrix WCAG 2.1 Contrast

720721	93304F	99435C	645244	2E1D2A
—	1.6 Fail	1.9 Fail	1.6 Fail	1.3 Fail
1.6 Fail	—	1.2 Fail	1.0 Fail	2.1 Fail
1.9 Fail	1.2 Fail	—	1.2 Fail	2.5 Fail
1.6 Fail	1.0 Fail	1.2 Fail	—	2.1 Fail
1.3 Fail	2.1 Fail	2.5 Fail	2.1 Fail	—

White BG

11.9AAA

7.6AAA

6.3AA

7.4AAA

15.8AAA

Black BG

1.8Fail

2.8Fail

3.3AA Large

2.8Fail

1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

44431B

686747

747356

5C5C47

272627

Deuteranopia

4A5219

6E7546

797F54

5D5F48

282926

Tritanopia

6D1615

8E4240

955150

634A4B

2D2424

Achromatopsia

2A2A2A

515151

606060

565656

242424

Shades & Tints Shades & Tints

#720721

Dark

Light

#93304F

Dark

Light

#99435C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #720721;
  --color-2: #93304f;
  --color-3: #99435c;
  --color-4: #645244;
  --color-5: #2e1d2a;
}

SCSS

$color-1: #720721;
$color-2: #93304f;
$color-3: #99435c;
$color-4: #645244;
$color-5: #2e1d2a;

TAILWIND

colors: {
  'brand-1': '#720721',
  'brand-2': '#93304f',
  'brand-3': '#99435c',
  'brand-4': '#645244',
  'brand-5': '#2e1d2a',
}

RGB Array

[114, 7, 33], [147, 48, 79], [153, 67, 92], [100, 82, 68], [46, 29, 42]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #720721, #93304F, #99435C, #645244, #2E1D2A 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: #720721; --color-2: #93304f; --color-3: #99435c; --color-4: #645244; --color-5: #2e1d2a. 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