#780815 + #69182C + #5A2743 + #4B375A + #4B5C5A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#780815

Vermilion · Maroon · Wine Red

HEX

#780815

RGB

rgb(120, 8, 21)

HSL

hsl(353, 88%, 25%)

HSB

hsb(353, 93%, 47%)

CMYK

cmyk(0%, 93%, 83%, 53%)

Oklch

oklch(36.6% 0.142 23.8)

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

#69182C

Vermilion · Maroon · Wine Red

HEX

#69182C

RGB

rgb(105, 24, 44)

HSL

hsl(345, 63%, 25%)

HSB

hsb(345, 77%, 41%)

CMYK

cmyk(0%, 77%, 58%, 59%)

Oklch

oklch(35.2% 0.114 11.0)

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

#5A2743

Rose Purple · DarkSlateGray · Raspberry

HEX

#5A2743

RGB

rgb(90, 39, 67)

HSL

hsl(327, 40%, 25%)

HSB

hsb(327, 57%, 35%)

CMYK

cmyk(0%, 57%, 26%, 65%)

Oklch

oklch(35.4% 0.083 348.1)

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

#4B375A

Dark Plum · DarkSlateGray · Eggplant

HEX

#4B375A

RGB

rgb(75, 55, 90)

HSL

hsl(274, 24%, 28%)

HSB

hsb(274, 39%, 35%)

CMYK

cmyk(17%, 39%, 0%, 65%)

Oklch

oklch(37.4% 0.063 309.8)

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

#4B5C5A

Mineral Blue · DarkSlateGray · Mint Ice

HEX

#4B5C5A

RGB

rgb(75, 92, 90)

HSL

hsl(173, 10%, 33%)

HSB

hsb(173, 18%, 36%)

CMYK

cmyk(18%, 0%, 2%, 64%)

Oklch

oklch(46.0% 0.021 187.7)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

780815

08786B

Analogous

78084D

780815

783308

Triadic

780815

157808

081578

Split-Comp.

780815

087833

084D78

Tetradic

780815

4D7808

08786B

330878

Contrast Matrix WCAG 2.1 Contrast

780815	69182C	5A2743	4B375A	4B5C5A
—	1.0 Fail	1.0 Fail	1.1 Fail	1.6 Fail
1.0 Fail	—	1.0 Fail	1.1 Fail	1.7 Fail
1.0 Fail	1.0 Fail	—	1.1 Fail	1.6 Fail
1.1 Fail	1.1 Fail	1.1 Fail	—	1.5 Fail
1.6 Fail	1.7 Fail	1.6 Fail	1.5 Fail	—

White BG

11.4AAA

11.9AAA

11.6AAA

10.5AAA

7.1AAA

Black BG

1.8Fail

2.0Fail

3.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

484612

464527

44433C

424252

52535A

Deuteranopia

4E5611

4B5126

474B3B

444550

51505B

Tritanopia

720F0F

652323

573736

4A4B49

4C5B5B

Achromatopsia

2B2B2B

323232

393939

414141

575757

Shades & Tints Shades & Tints

#780815

Dark

Light

#69182C

Dark

Light

#5A2743

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #780815;
  --color-2: #69182c;
  --color-3: #5a2743;
  --color-4: #4b375a;
  --color-5: #4b5c5a;
}

SCSS

$color-1: #780815;
$color-2: #69182c;
$color-3: #5a2743;
$color-4: #4b375a;
$color-5: #4b5c5a;

TAILWIND

colors: {
  'brand-1': '#780815',
  'brand-2': '#69182c',
  'brand-3': '#5a2743',
  'brand-4': '#4b375a',
  'brand-5': '#4b5c5a',
}

RGB Array

[120, 8, 21], [105, 24, 44], [90, 39, 67], [75, 55, 90], [75, 92, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #780815, #69182C, #5A2743, #4B375A, #4B5C5A 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: #780815; --color-2: #69182c; --color-3: #5a2743; --color-4: #4b375a; --color-5: #4b5c5a. 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