← Back to Editor

#7D0128 · #612430 · #40242D · #2B1F22 · #000000

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#7D0128

Dark Violet · Maroon · Raspberry

HEX
#7D0128
RGB
rgb(125, 1, 40)
HSL
hsl(341, 98%, 25%)
HSB
hsb(341, 99%, 49%)
CMYK
cmyk(0%, 99%, 68%, 51%)
Oklch
oklch(37.6% 0.149 14.0)

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

#612430

Crimson · Maroon · Wine Red

HEX
#612430
RGB
rgb(97, 36, 48)
HSL
hsl(348, 46%, 26%)
HSB
hsb(348, 63%, 38%)
CMYK
cmyk(0%, 63%, 51%, 62%)
Oklch
oklch(35.4% 0.089 10.8)

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

#40242D

Dark Violet · DarkSlateGray · Raspberry

HEX
#40242D
RGB
rgb(64, 36, 45)
HSL
hsl(341, 28%, 20%)
HSB
hsb(341, 44%, 25%)
CMYK
cmyk(0%, 44%, 30%, 75%)
Oklch
oklch(30.0% 0.045 359.4)

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

#2B1F22

Crimson · Black · Deep Berry

HEX
#2B1F22
RGB
rgb(43, 31, 34)
HSL
hsl(345, 16%, 15%)
HSB
hsb(345, 28%, 17%)
CMYK
cmyk(0%, 28%, 21%, 83%)
Oklch
oklch(25.5% 0.019 1.9)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7D0128
017E57

Analogous

7E0167
7D0128
7E1801

Triadic

7D0128
297E01
01297E

Split-Comp.

7D0128
017E18
01677E

Tetradic

7D0128
677E01
017E57
18017E

Contrast Matrix WCAG 2.1 Contrast

7D0128
612430
40242D
2B1F22
000000
—
1.1
Fail
1.3
Fail
1.4
Fail
1.9
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.8
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
1.5
Fail
1.4
Fail
1.4
Fail
1.1
Fail
—
1.3
Fail
1.9
Fail
1.8
Fail
1.5
Fail
1.3
Fail
—
White BG
11.0AAA
11.6AAA
13.9AAA
15.9AAA
21.0AAA
Black BG
1.9Fail
1.8Fail
1.5Fail
1.3Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

47461F
47462D
34342B
262621
000000

Deuteranopia

4F581C
4A4F2C
36382A
272721
000000

Tritanopia

771715
5E2B2A
3F2929
2A2121
000000

Achromatopsia

2B2B2B
383838
2D2D2D
232323
000000

Shades & Tints Shades & Tints

#7D0128

Dark
Light

#612430

Dark
Light

#40242D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7d0128;
  --color-2: #612430;
  --color-3: #40242d;
  --color-4: #2b1f22;
  --color-5: #000000;
}

SCSS

$color-1: #7d0128;
$color-2: #612430;
$color-3: #40242d;
$color-4: #2b1f22;
$color-5: #000000;

TAILWIND

colors: {
  'brand-1': '#7d0128',
  'brand-2': '#612430',
  'brand-3': '#40242d',
  'brand-4': '#2b1f22',
  'brand-5': '#000000',
}

RGB Array

[125, 1, 40], [97, 36, 48], [64, 36, 45], [43, 31, 34], [0, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7D0128, #612430, #40242D, #2B1F22, #000000 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: #7d0128; --color-2: #612430; --color-3: #40242d; --color-4: #2b1f22; --color-5: #000000. 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