#7D0128 + #521B2C + #715B80 + #B88B04 + #555655 - Color Palette

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

#521B2C

Dark Violet · Maroon · Raspberry

HEX

#521B2C

RGB

rgb(82, 27, 44)

HSL

hsl(341, 50%, 21%)

HSB

hsb(341, 67%, 32%)

CMYK

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

Oklch

oklch(31.3% 0.084 4.1)

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

#715B80

Dark Plum · DimGray · Violet

HEX

#715B80

RGB

rgb(113, 91, 128)

HSL

hsl(276, 17%, 43%)

HSB

hsb(276, 29%, 50%)

CMYK

cmyk(12%, 29%, 0%, 50%)

Oklch

oklch(50.7% 0.063 311.2)

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

#B88B04

Ochre · DarkGoldenRod · Honey Gold

HEX

#B88B04

RGB

rgb(184, 139, 4)

HSL

hsl(45, 96%, 37%)

HSB

hsb(45, 98%, 72%)

CMYK

cmyk(0%, 24%, 98%, 28%)

Oklch

oklch(66.2% 0.135 85.3)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#555655

Ink Gray · DimGray · Charcoal

HEX

#555655

RGB

rgb(85, 86, 85)

HSL

hsl(120, 1%, 34%)

HSB

hsb(120, 1%, 34%)

CMYK

cmyk(1%, 0%, 1%, 66%)

Oklch

oklch(45.2% 0.002 145.5)

Traditional「Ink Gray」· Paint「Charcoal」· 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	521B2C	715B80	B88B04	555655
—	1.2 Fail	1.8 Fail	3.5 AA Large	1.5 Fail
1.2 Fail	—	2.3 Fail	4.3 AA Large	1.8 Fail
1.8 Fail	2.3 Fail	—	1.9 Fail	1.2 Fail
3.5 AA Large	4.3 AA Large	1.9 Fail	—	2.4 Fail
1.5 Fail	1.8 Fail	1.2 Fail	2.4 Fail	—

White BG

11.0AAA

13.5AAA

6.0AA

3.1AA Large

7.4AAA

Black BG

1.9Fail

1.6Fail

3.5AA Large

6.7AA

2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

47461F

3A3A28

676777

A5A425

555555

Deuteranopia

4F581C

3D4227

696A75

A7AA2C

555555

Tritanopia

771715

4F2524

70706E

B63E44

555555

Achromatopsia

2B2B2B

2D2D2D

666666

898989

565656

Shades & Tints Shades & Tints

#7D0128

Dark

Light

#521B2C

Dark

Light

#715B80

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7d0128;
  --color-2: #521b2c;
  --color-3: #715b80;
  --color-4: #b88b04;
  --color-5: #555655;
}

SCSS

$color-1: #7d0128;
$color-2: #521b2c;
$color-3: #715b80;
$color-4: #b88b04;
$color-5: #555655;

TAILWIND

colors: {
  'brand-1': '#7d0128',
  'brand-2': '#521b2c',
  'brand-3': '#715b80',
  'brand-4': '#b88b04',
  'brand-5': '#555655',
}

RGB Array

[125, 1, 40], [82, 27, 44], [113, 91, 128], [184, 139, 4], [85, 86, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7D0128, #521B2C, #715B80, #B88B04, #555655 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: #521b2c; --color-3: #715b80; --color-4: #b88b04; --color-5: #555655. 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