#73022F + #57131F + #452128 + #38282F + #353038 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#73022F

Dark Violet · Maroon · Raspberry

HEX

#73022F

RGB

rgb(115, 2, 47)

HSL

hsl(336, 97%, 23%)

HSB

hsb(336, 98%, 45%)

CMYK

cmyk(0%, 98%, 59%, 55%)

Oklch

oklch(35.7% 0.141 7.3)

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

#57131F

Vermilion · Maroon · Wine Red

HEX

#57131F

RGB

rgb(87, 19, 31)

HSL

hsl(349, 64%, 21%)

HSB

hsb(349, 78%, 34%)

CMYK

cmyk(0%, 78%, 64%, 66%)

Oklch

oklch(30.8% 0.099 15.3)

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

#452128

Crimson · DarkSlateGray · Deep Berry

HEX

#452128

RGB

rgb(69, 33, 40)

HSL

hsl(348, 35%, 20%)

HSB

hsb(348, 52%, 27%)

CMYK

cmyk(0%, 52%, 42%, 73%)

Oklch

oklch(30.0% 0.056 8.6)

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

#38282F

Dark Violet · DarkSlateGray · Raspberry

HEX

#38282F

RGB

rgb(56, 40, 47)

HSL

hsl(334, 17%, 19%)

HSB

hsb(334, 29%, 22%)

CMYK

cmyk(0%, 29%, 16%, 78%)

Oklch

oklch(29.8% 0.027 350.8)

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

#353038

Dark Plum · DarkSlateGray · Dark Stone

HEX

#353038

RGB

rgb(53, 48, 56)

HSL

hsl(278, 8%, 20%)

HSB

hsb(278, 14%, 22%)

CMYK

cmyk(5%, 14%, 0%, 78%)

Oklch

oklch(31.8% 0.016 313.0)

Traditional「Dark Plum」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

73022F

027446

Analogous

740268

73022F

740D02

Triadic

73022F

2F7402

022F74

Split-Comp.

73022F

02740D

026874

Tetradic

73022F

687402

027446

0D0274

Contrast Matrix WCAG 2.1 Contrast

73022F	57131F	452128	38282F	353038
—	1.2 Fail	1.2 Fail	1.2 Fail	1.1 Fail
1.2 Fail	—	1.0 Fail	1.0 Fail	1.1 Fail
1.2 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
1.2 Fail	1.0 Fail	1.0 Fail	—	1.1 Fail
1.1 Fail	1.1 Fail	1.1 Fail	1.1 Fail	—

White BG

11.8AAA

13.8AAA

14.0AAA

13.9AAA

12.9AAA

Black BG

1.8Fail

1.5Fail

1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

424124

3A391C

353526

31312D

333336

Deuteranopia

495122

3E431B

383A26

32332D

333336

Tritanopia

6D1C1A

541A19

432525

372C2C

353534

Achromatopsia

292929

2D2D2D

2E2E2E

323232

Shades & Tints Shades & Tints

#73022F

Dark

Light

#57131F

Dark

Light

#452128

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #73022f;
  --color-2: #57131f;
  --color-3: #452128;
  --color-4: #38282f;
  --color-5: #353038;
}

SCSS

$color-1: #73022f;
$color-2: #57131f;
$color-3: #452128;
$color-4: #38282f;
$color-5: #353038;

TAILWIND

colors: {
  'brand-1': '#73022f',
  'brand-2': '#57131f',
  'brand-3': '#452128',
  'brand-4': '#38282f',
  'brand-5': '#353038',
}

RGB Array

[115, 2, 47], [87, 19, 31], [69, 33, 40], [56, 40, 47], [53, 48, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #73022F, #57131F, #452128, #38282F, #353038 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: #73022f; --color-2: #57131f; --color-3: #452128; --color-4: #38282f; --color-5: #353038. 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