#9A0C0C + #730032 + #451A39 + #232129 + #121117 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#9A0C0C

Vermilion · DarkRed · Wine Red

HEX

#9A0C0C

RGB

rgb(154, 12, 12)

HSL

hsl(0, 86%, 33%)

HSB

hsb(0, 92%, 60%)

CMYK

cmyk(0%, 92%, 92%, 40%)

Oklch

oklch(43.6% 0.172 28.4)

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

#730032

Dark Violet · Maroon · Raspberry

HEX

#730032

RGB

rgb(115, 0, 50)

HSL

hsl(334, 100%, 23%)

HSB

hsb(334, 100%, 45%)

CMYK

cmyk(0%, 100%, 57%, 55%)

Oklch

oklch(35.7% 0.143 5.1)

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

#451A39

Rose Purple · DarkSlateGray · Dark Purple

HEX

#451A39

RGB

rgb(69, 26, 57)

HSL

hsl(317, 45%, 19%)

HSB

hsb(317, 62%, 27%)

CMYK

cmyk(0%, 62%, 17%, 73%)

Oklch

oklch(29.5% 0.079 339.5)

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

#232129

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX

#232129

RGB

rgb(35, 33, 41)

HSL

hsl(255, 11%, 15%)

HSB

hsb(255, 20%, 16%)

CMYK

cmyk(15%, 20%, 0%, 84%)

Oklch

oklch(25.3% 0.015 296.8)

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

#121117

Deep Indigo · Black · Deep Sea Blue

HEX

#121117

RGB

rgb(18, 17, 23)

HSL

hsl(250, 15%, 8%)

HSB

hsb(250, 26%, 9%)

CMYK

cmyk(22%, 26%, 0%, 91%)

Oklch

oklch(18.2% 0.012 292.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9A0C0C

0C9D9D

Analogous

9D0C54

9A0C0C

9D540C

Triadic

9A0C0C

0C9D0C

0C0C9D

Split-Comp.

9A0C0C

0C9D54

0C549D

Tetradic

9A0C0C

549D0C

0C9D9D

540C9D

Contrast Matrix WCAG 2.1 Contrast

9A0C0C	730032	451A39	232129	121117
—	1.4 Fail	1.7 Fail	1.8 Fail	2.2 Fail
1.4 Fail	—	1.2 Fail	1.3 Fail	1.6 Fail
1.7 Fail	1.2 Fail	—	1.1 Fail	1.3 Fail
1.8 Fail	1.3 Fail	1.1 Fail	—	1.2 Fail
2.2 Fail	1.6 Fail	1.3 Fail	1.2 Fail	—

White BG

8.6AAA

11.8AAA

14.4AAA

15.9AAA

18.8AAA

Black BG

2.4Fail

1.8Fail

1.5Fail

1.3Fail

1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5D5B0C

414026

323231

222227

121216

Deuteranopia

656F0C

485123

353830

222227

121215

Tritanopia

930C0C

6D1C1A

432C2A

232625

121414

Achromatopsia

363636

282828

2A2A2A

232323

121212

Shades & Tints Shades & Tints

#9A0C0C

Dark

Light

#730032

Dark

Light

#451A39

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9a0c0c;
  --color-2: #730032;
  --color-3: #451a39;
  --color-4: #232129;
  --color-5: #121117;
}

SCSS

$color-1: #9a0c0c;
$color-2: #730032;
$color-3: #451a39;
$color-4: #232129;
$color-5: #121117;

TAILWIND

colors: {
  'brand-1': '#9a0c0c',
  'brand-2': '#730032',
  'brand-3': '#451a39',
  'brand-4': '#232129',
  'brand-5': '#121117',
}

RGB Array

[154, 12, 12], [115, 0, 50], [69, 26, 57], [35, 33, 41], [18, 17, 23]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9A0C0C, #730032, #451A39, #232129, #121117 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: #9a0c0c; --color-2: #730032; --color-3: #451a39; --color-4: #232129; --color-5: #121117. 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